首頁技術(shù)文章正文

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

更新時間:2022-11-15 來源:黑馬程序員 瀏覽量:

IT培訓班

在使用jQuery 選擇器獲取元素后,如果不考慮獲取到的元素數(shù)量,直接對元素進行操作,則在操作時會發(fā)生隱式迭代。隱式迭代是指,當要操作的元素實際有多個時,jQuery 會自動對所有的元素進行操作,示例代碼如下。

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

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


多學一招:

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

層級選擇器
下面我們通過代碼演示層級選擇器的使用。
<ul>
  <li>我是ul的li</li>
  <li>我是ul的1i</li>
</uI>
<script>
  console.log($("ul li"));     //獲取u1中的li
 </script>
分享到:
在線咨詢 我要報名
和我們在線交談!