教育行業(yè)A股IPO第一股(股票代碼 003032)

全國(guó)咨詢(xún)/投訴熱線:400-618-4000

什么是隱式迭代?jQuery選擇器怎么使用?

更新時(shí)間:2022年11月17日10時(shí)24分 來(lái)源:傳智教育 瀏覽次數(shù):

好口碑IT培訓(xùn)

在使用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 具有隱式迭代的效果,開(kāi)發(fā)人員不需要手動(dòng)進(jìn)行遍歷,jQuery 會(huì)根據(jù)元素的數(shù)量自動(dòng)進(jìn)行處理。


多學(xué)一招:

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

層級(jí)選擇器
下面我們通過(guò)代碼演示層級(jí)選擇器的使用。
<ul>
  <li>我是ul的li</li>
  <li>我是ul的1i</li>
</uI>
<script>
  console.log($("ul li"));     //獲取u1中的li
 </script>
0 分享到:
和我們?cè)诰€交談!