隱式迭代是什么意思？jQuery選擇器隱式迭代

在使用jQuery 選擇器獲取元素后，如果不考慮獲取到的元素?cái)?shù)量，直接對(duì)元素進(jìn)行操作，則在操作時(shí)會(huì)發(fā)生隱式迭代。隱式迭代是指，當(dāng)要操作的元素實(shí)際有多個(gè)時(shí)，jQuery 會(huì)自動(dòng)對(duì)所有的元素進(jìn)行操作，示例代碼如下。

<div>第1個(gè)div</div>
<div>第2個(gè)div</div>
<div>第3個(gè)div</div>
<div>第4個(gè)div</div>
<script>
   console.log($("div"));
   // 使用css()方法修改元素 css樣式，將背景色設(shè)為pink
   $("div").css("ackground”, "pink");   //對(duì)所有的div進(jìn)行相同操作
</script>

在使用jQuery之前，若要用原生 JavaScript 實(shí)現(xiàn)上述操作，需要先獲取到一個(gè)元素集合然后對(duì)集合進(jìn)行遍歷，取出每一個(gè)元素，再執(zhí)行操作。而jQuery 具有隱式迭代的效果，開發(fā)人員不需要手動(dòng)進(jìn)行遍歷，jQuery 會(huì)根據(jù)元素的數(shù)量自動(dòng)進(jìn)行處理。

多學(xué)一招：

層級(jí)選擇器可以完成多層級(jí)元素之間的獲取，具體如表1所示。

<ul>
  <li>我是ul的li</li>
  <li>我是ul的1i</li>
</uI>
<script>
  console.log($("ul li"));     //獲取u1中的li
 </script>