jQuery中對(duì)節(jié)點(diǎn)進(jìn)行操作的相關(guān)介紹
動(dòng)態(tài)創(chuàng)建Dom節(jié)點(diǎn)
jQuery中使用$(html字符串)來(lái)動(dòng)態(tài)創(chuàng)建Dom節(jié)點(diǎn),并且返回一個(gè)jQuery對(duì)象,可以調(diào)用append等方法將創(chuàng)建的節(jié)點(diǎn)添加到Dom中。
例如:
var link = $("<a href='http://www.baidu.com'>百度</a>");
$("div:first").append(link);
添加節(jié)點(diǎn)元素的方法:
Append方法用來(lái)在元素的末尾追加元素(最后一個(gè)子節(jié)點(diǎn))
Prepend在元素的開(kāi)始添加元素(第一個(gè)子節(jié)點(diǎn))
After:在元素之后添加元素(添加兄弟節(jié)點(diǎn))
Before:在元素之前添加元素(添加兄弟節(jié)點(diǎn))
子元素.appendTo(父元素):在元素的末尾追加一個(gè)子元素
子元素.prependTo(父元素):在元素的開(kāi)始追加一個(gè)子元素
刪除節(jié)點(diǎn):
Empty():清空該元素下的所有子節(jié)點(diǎn)
等同于:while(ele.firstChild){ele.removeChild(ele.firstChild);}
var lis = $("#ulSite li").remove();
$("#ulSite2").append(lis);
Clone()克隆節(jié)點(diǎn),支復(fù)制節(jié)點(diǎn),不復(fù)制節(jié)點(diǎn)
Clone(true):克隆節(jié)點(diǎn)帶事件
節(jié)點(diǎn)的替換:
$("br").replaceWith("<hr/>");
$("br").replaceAll("<hr/>");
包裹節(jié)點(diǎn)
Wrap()方法用來(lái)將所有的元素逐個(gè)用指定的標(biāo)簽包裹
$("b").wrap("<font color='red'></font>");將所有粗體字紅色顯示
wrapInner();在內(nèi)部圍繞
相關(guān)文章
基于jQuery代碼實(shí)現(xiàn)圓形菜單展開(kāi)收縮效果
jquery圓形菜單展開(kāi)收縮效果是基于jquery和css3實(shí)現(xiàn)的,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下2017-02-02
jquery.uploadView 實(shí)現(xiàn)圖片預(yù)覽上傳功能
圖片上傳,網(wǎng)上有好多版本,今天小編給大家分享jquery.uploadView 實(shí)現(xiàn)圖片預(yù)覽上傳功能,感興趣的的朋友一起看看吧2017-08-08
將jquery.qqFace.js表情轉(zhuǎn)換成微信的字符碼
這篇文章主要介紹了將jquery.qqFace.js表情轉(zhuǎn)換成微信的字符碼的方法,以及jquery.qqface.js的使用方法,需要的朋友可以參考下2017-12-12
jquery實(shí)現(xiàn)搜索框功能實(shí)例詳解
這篇文章主要介紹了jquery實(shí)現(xiàn)搜索框功能,搜索框?qū)崿F(xiàn)搜索一個(gè)ul列表中的指定關(guān)鍵詞的li。具體實(shí)現(xiàn)代碼大家參考下本文2018-07-07
jQuery文本框得到與失去焦點(diǎn)動(dòng)態(tài)改變樣式效果
這篇文章主要介紹了jQuery文本框得到與失去焦點(diǎn)動(dòng)態(tài)改變樣式效果,涉及jQuery針對(duì)頁(yè)面表單元素樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-09-09
jQuery實(shí)現(xiàn)下拉加載功能實(shí)例代碼
本文通過(guò)一段實(shí)例代碼給大家介紹jquery實(shí)現(xiàn)下拉加載功能,代碼簡(jiǎn)單易懂,需要的朋友參考下吧2016-04-04

