1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 </head>
7 <body>
8 <ul>
9 <li>111</li>
10 <li class="item">222</li>
11 <li>333</li>
12 </ul>
13 </body>
14 <script src="jquery-3.2.1.js"></script>
15 <script>
16 // 1、选择器+遍历
17 // $('div').each(function (i){
18 // i就是索引值
19 // this 表示获取遍历每一个dom对象
20 // });
21 // arr=[123,456,"hello"];
22 // $.each(arr,function (i) {
23 // console.log(i)
24 // })
25
26
27 // 2、选择器+遍历
28 // $('div').each(function (index,domEle){
29 // index就是索引值
30 // domEle 表示获取遍历每一个dom对象
31 // });
32 // arr=[123,456,"hello"];
33 // $.each(arr,function (i,j) {
34 // console.log(i);
35 // console.log(j);
36 // })
37
38 // obj={"name":'egon',"age":22};
39 // $.each(obj,function (i,j) {
40 // console.log(i);
41 // console.log(j);
42 // })
43
44 // 3、更适用的遍历方法
45 // 1）先获取某个集合对象
46 // 2）遍历集合对象的每一个元素
47 // var d=$("div");
48 // $.each(d,function (index,domEle){
49 // d是要遍历的集合
50 // index就是索引值
51 // domEle 表示获取遍历每一个dom对
52 // });
53 // $("ul li").each(function () {
54 // // console.log($(this));
55 // if ($(this).hasClass("item")){
56 // alert($(this).text())
57 //
58 // }
59 // })
60
61 </script>
62 </html>
