Day02jQuery遍历

1. 两种对象转化

将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对象输出               
    }

3)jquery特有的each()遍历

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());