真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

如何實(shí)現(xiàn)jQuery遍歷操作

這篇文章主要講解了如何實(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--遍歷【后代】

向下遍歷 DOM 樹

下面是兩個(gè)用于向下遍歷 DOM 樹的 jQuery 方法:

  • children()
  • find()

children() 方法

返回每個(gè)

元素的所有直接子元素:

$(document).ready(function(){
 $("div").children();
});

返回類名為 "1" 的所有

元素,并且它們是

的直接子元素:

$(document).ready(function(){
 $("div").children("p.1");
});

find() 方法

返回屬于

后代的所有 元素:

$(document).ready(function(){
 $("div").find("span");
});

返回

的所有后代:

$(document).ready(function(){
 $("div").find("*");
});

jquery--遍歷【同胞】

在 DOM 樹進(jìn)行水平遍歷:

  • siblings()
  • next()
  • nextAll()
  • nextUntil()
  • prev()
  • prevAll()
  • prevUntil()

siblings() 方法

返回

的所有同胞元素:

$(document).ready(function(){
 $("h3").siblings();
});

返回屬于

的同胞元素的所有

元素:

$(document).ready(function(){
 $("h3").siblings("p");
});

next() 方法

返回

的下一個(gè)同胞元素:

$(document).ready(function(){
 $("h3").next();
});

nextAll() 方法

返回

的所有跟隨的同胞元素:

$(document).ready(function(){
 $("h3").nextAll();
});

nextUntil() 方法

返回介于

元素之間的所有同胞元素:

$(document).ready(function(){
 $("h3").nextUntil("h7");
});

prev(), prevAll() & prevUntil() 方法

prev(), prevAll() 以及 prevUntil() 方法的工作方式與上面的方法類似,只不過方向相反而已:它們返回的是前面的同胞元素(在 DOM 樹中沿著同胞之前元素遍歷,而不是之后元素遍歷)

jQuery--遍歷【過濾】

縮小搜索元素的范圍

三個(gè)最基本的過濾方法是:first(), last() 和 eq(),它們?cè)试S您基于其在一組元素中的位置來選擇一個(gè)特定的元素。

其他過濾方法,比如 filter() 和 not() 允許您選取匹配或不匹配某項(xiàng)指定標(biāo)準(zhǔn)的元素。

first() 方法

選取首個(gè)

元素內(nèi)部的第一個(gè)

元素:

$(document).ready(function(){
 $("div p").first();
});

last() 方法

選擇最后一個(gè)

元素中的最后一個(gè)

元素:

$(document).ready(function(){
 $("div p").last();
});

eq() 方法

索引號(hào)從 0 開始,因此首個(gè)元素的索引號(hào)是 0 而不是 1。下面的例子選取第二個(gè)

元素(索引號(hào) 1):

$(document).ready(function(){
 $("p").eq(1);
});

filter() 方法

返回帶有類名 "url" 的所有

元素:

$(document).ready(function(){
 $("p").filter(".url");
});
$("p.url").css("background-color","yellow"); //效果相同

not() 方法

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è)資訊頻道。


名稱欄目:如何實(shí)現(xiàn)jQuery遍歷操作
瀏覽路徑:http://weahome.cn/article/gdhhgp.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部