更新時間:2022-11-15 來源:黑馬程序員 瀏覽量:
在使用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>