- 两种对象转化
将dom对象——转化为——jquery对象
$(dom对象) eg:$(dom)
将jquery对象——转化为——dom对象
jquery对象.get(0); eg: jquery.get(0)
2.遍历
$(selector) ——jquery对象 ——–size()或者length //元素个数
—————————-eq(index) //获得index下标位置元素(jquery对象)
1)纯jquery方式操作数组
var spans = $('span');
for(var i=0; i<spans.size();i++){
//获得当前i下标元素
var sp = spans.eq(i);//获得当前i下标元素(jq对象)
console.log(sp.text());
}
2)使用js中dom对象方式来遍历
jquery对象.get(i),获取的是dom对象
eg: spans.get(i),获得当前i下标对应dom对象
//divs.size()等价于divs.length
//使用js中dom对象遍历
var divs = $('div');
for(var i=0; i<divs.length;i++){
var d = divs.get(i);//获得当前i下标元素(dom对象)
console.log(d);//可以用dom对象直接输出
console.log($(d));//也可以转化为jq对象输出
}
divs.each(); //遍历divs数组
//使用jquery特有的each方法进行遍历
var divs3 = $('div');
divs3.each(function(){
//this-------当前被遍历的dom对象
//$(this)------当前被遍历的jquery对象
console.log(this);
console.log($(this));
})
3.遍历筛选附近元素
1)parent() //返回指定元素的父标签
console.log($('#id2').parent());
2)children() //获得当前对象所有的子对象
console.log($('#tb').children());
3)prev() //直接相邻哥哥标签
console.log($('#tb').prev());
4):next() //直接相邻弟弟标签
console.log($('#tb').next());