新聞中心
jquery如何刪除子元素
1、刪除元素和內(nèi)容,可以通過jquery的remove()和empty()方法,remove()刪除選擇的元素和子元素,empty()只刪除選中元素的子元素。

站在用戶的角度思考問題,與客戶深入溝通,找到太平網(wǎng)站設(shè)計與太平網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都做網(wǎng)站、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋太平地區(qū)。
2、新建一個html頁面,引入jquery.js,頁面body里面添加一個div盒子,div盒子里面添加兩段話,和一個刪除div元素的按鈕,js中調(diào)用$(“#div1”).remove()方法刪除元素。
3、在瀏覽器中打開html頁面之后,可以看到div盒子和兩段話,點擊移除div元素按鈕。
4、點擊移除div元素按鈕之后,可以看到div元素和子元素p都被刪除掉了。
5、將$(“#div1”).remove()方法注釋掉,使用$(“#div1”).empty()方法,刪除選擇元素的子元素。
6、可以看到點擊清空div元素按鈕,將div元素的p子元素刪除了。
jquery怎么獲取元素的子元素
Jquery獲取子元素的方法有2種,分別是children()方法和find()方法。下面我們分別來使用這兩種方法,看看它們有何差異。
children()方法:獲取該元素下的直接子集元素
find()方法:獲取該元素下的所有子集元素
jquery怎么獲取子元素
query獲取子元素的方法有2種,分別是children()方法和find()方法。下面我們分別來使用這兩種方法,看看它們有何差異。
children()方法:獲取該元素下的直接子集元素
find()方法:獲取該元素下的所有子集元素
分別以以下HTML代碼為例:ullilist1ullilist1-1/lililist1-2/li/ul/lililist2ullilist2-1/lililist2-2/li/ul/lililist3ullilist3-1/lililist3-2/li/ul/li/ul
children()方法獲取ul下面直接子集元素li:$("ul").children("li")
需要注意的是,如果li元素下還有l(wèi)i元素,children方法將不會被獲取。我們可以用length來測試獲取的個數(shù)“$("ul").children("li").length”,最后輸出結(jié)果為3
find()方法獲取ul下所有元素li:$("ul").find("li")
需要注意的是,find方法會無限循環(huán)查找ul標(biāo)簽節(jié)點下的li,一直找到?jīng)]有為止,用length來測試獲取個數(shù)“$("ul").find("li").length”,最后輸出結(jié)果為9
children和find的區(qū)別:children只會查找直接子集,而find會跨越層級查找,一直找到?jīng)]有為止。
當(dāng)前名稱:jquery子元素,jquery遍歷子元素
本文URL:http://www.dlmjj.cn/article/dsdggsj.html


咨詢
建站咨詢
