更新時間:2022-11-15 來源:黑馬程序員 瀏覽量:
在使用jQuery 選擇器獲取元素后,如果不考慮獲取到的元素數(shù)量,直接對元素進(jìn)行操作,則在操作時會發(fā)生隱式迭代。隱式迭代是指,當(dāng)要操作的元素實際有多個時,jQuery 會自動對所有的元素進(jìn)行操作,示例代碼如下。
<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進(jìn)行相同操作 </script>
在使用jQuery之前,若要用原生 JavaScript 實現(xiàn)上述操作,需要先獲取到一個元素集合然后對集合進(jìn)行遍歷,取出每一個元素,再執(zhí)行操作。而jQuery 具有隱式迭代的效果,開發(fā)人員不需要手動進(jìn)行遍歷,jQuery 會根據(jù)元素的數(shù)量自動進(jìn)行處理。
多學(xué)一招:
層級選擇器可以完成多層級元素之間的獲取,具體如表1所示。
<ul> <li>我是ul的li</li> <li>我是ul的1i</li> </uI> <script> console.log($("ul li")); //獲取u1中的li </script>
【AI設(shè)計】北京143期畢業(yè)僅36天,全員拿下高薪offer!黑馬AI設(shè)計連續(xù)6期100%高薪就業(yè)
2025-09-19【跨境電商運(yùn)營】深圳跨境電商運(yùn)營畢業(yè)22個工作日,就業(yè)率91%+,最高薪資達(dá)13500元
2025-09-19【AI運(yùn)維】鄭州運(yùn)維1期就業(yè)班,畢業(yè)14個工作日,班級93%同學(xué)已拿到Offer, 一線均薪資 1W+
2025-09-19【AI鴻蒙開發(fā)】上海校區(qū)AI鴻蒙開發(fā)4期5期,距離畢業(yè)21天,就業(yè)率91%,平均薪資14046元
2025-09-19【AI大模型開發(fā)-Python】畢業(yè)33個工作日,就業(yè)率已達(dá)到94.55%,班均薪資20763元
2025-09-19【AI智能應(yīng)用開發(fā)-Java】畢業(yè)當(dāng)天offer率91%,薪資1W+占比54.2%,班級均薪12k+
2025-09-19