1.遍历方法

1.1 each方法

为每个匹配元素执行函数

  1. <ul>
  2. <li>html</li>
  3. <li>css</li>
  4. <li>javascript</li>
  5. </ul>
  6. <script>
  7. $("li").each((index,value)=>{
  8. console.log($(value).text())
  9. })
  10. </script>

1.2 map 方法

  1. $("li").map((index,value)=>{
  2. console.log(value);
  3. })

2.juqery 过滤

2.1 first() 方法

  1. first() 方法返回被选元素的首个元素
  2. $("div p").first()

2.2 last() 方法

  1. last() 方法返回被选元素的最后一个元素
  2. $("div p").last();

2.3 eq() 方法

  1. eq() 方法返回被选元素中带有指定索引号的元素。
  2. $("p").eq(1);

2.4 filter() 方法

  1. filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。
  2. <div id="app">
  3. <div class="item">hello world</div>
  4. <div>24235</div>
  5. </div>
  6. var item = $("#app").find(".item");
  7. console.log(item.text());

2.5 find() 方法

  1. find() 方法返回被选元素的后代元素
  2. <div id="app">
  3. <div class="item">hello world</div>
  4. <div>24235</div>
  5. </div>
  6. var item1 = $("#app div").filter(".item");
  7. console.log(item1.text());

2.6 not() 方法

  1. not() 方法返回不匹配标准的所有元素。
  2. $("p").not(".url")