這篇文章主要講解了如何實(shí)現(xiàn)jQuery遍歷操作,內(nèi)容清晰明了,對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會(huì)有幫助。
10多年的紅塔網(wǎng)站建設(shè)經(jīng)驗(yàn),針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。網(wǎng)絡(luò)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整紅塔建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“紅塔網(wǎng)站設(shè)計(jì)”,“紅塔網(wǎng)站推廣”以來,每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
jQuery--遍歷【后代】
下面是兩個(gè)用于向下遍歷 DOM 樹的 jQuery 方法:
返回每個(gè)
$(document).ready(function(){ $("div").children(); });
返回類名為 "1" 的所有
元素,并且它們是
$(document).ready(function(){ $("div").children("p.1"); });
返回屬于
$(document).ready(function(){ $("div").find("span"); });
返回
$(document).ready(function(){ $("div").find("*"); });
返回
$(document).ready(function(){ $("h3").siblings(); });
返回屬于
元素:
$(document).ready(function(){ $("h3").siblings("p"); });
返回
$(document).ready(function(){ $("h3").next(); });
返回
$(document).ready(function(){ $("h3").nextAll(); });
返回介于
$(document).ready(function(){ $("h3").nextUntil("h7"); });
prev(), prevAll() 以及 prevUntil() 方法的工作方式與上面的方法類似,只不過方向相反而已:它們返回的是前面的同胞元素(在 DOM 樹中沿著同胞之前元素遍歷,而不是之后元素遍歷)
三個(gè)最基本的過濾方法是:first(), last() 和 eq(),它們?cè)试S您基于其在一組元素中的位置來選擇一個(gè)特定的元素。
其他過濾方法,比如 filter() 和 not() 允許您選取匹配或不匹配某項(xiàng)指定標(biāo)準(zhǔn)的元素。
選取首個(gè)
元素:
$(document).ready(function(){ $("div p").first(); });
選擇最后一個(gè)
元素:
$(document).ready(function(){ $("div p").last(); });
索引號(hào)從 0 開始,因此首個(gè)元素的索引號(hào)是 0 而不是 1。下面的例子選取第二個(gè)
元素(索引號(hào) 1):
$(document).ready(function(){ $("p").eq(1); });
返回帶有類名 "url" 的所有
元素:
$(document).ready(function(){ $("p").filter(".url"); }); $("p.url").css("background-color","yellow"); //效果相同
not() 方法返回不匹配標(biāo)準(zhǔn)的所有元素。
提示:not() 方法與 filter() 相反。
下面的例子返回不帶有類名 "url" 的所有
元素:
$(document).ready(function(){ $("p").not(".url"); });
看完上述內(nèi)容,是不是對(duì)如何實(shí)現(xiàn)jQuery遍歷操作有進(jìn)一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。