jquery中选择器的遍历方法

jquery的遍历方法是.each()方法，可以支持多样化的选择器遍历场景。

1.索引值遍历。

$('div').each(function (i) {
    // i就是索引值
    console.log(i);
    // this表示获取遍历每一个dom对象
    console.log(this);
});

如果该遍历的dom对象需要调用jquery的方法，可以使用$(this)将dom对象转换为jquery对象。

2.索引值+dom对象遍历。

$('div').each(function (index, domEle) {
    // index就是索引值
    console.log(index);
    // domEle表示获取遍历每一个dom对象
    console.log(domEle);
});

如果该遍历的dom对象需要调用jquery的方法，可以使用$(domEle)将dom对象转换为jquery对象。

3.更实用的遍历方法。

1）先获取选择器集合对象，保存到一个变量yanggb里。

var yanggb = $('div');

2）遍历选择器集合对象的每一个元素。

$.each(yanggb, function (index,domEle) {
    // yanggb是要遍历的集合
    console.log(yanggb);
    // index就是索引值
    console.log(index);
    // domEle 表示获取遍历每一个dom对
    console.log(domEle);
});

 

"我说今晚月色真美，风也温柔。"