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 validate插件驗(yàn)證用戶注冊(cè)信息
這篇文章主要為大家詳細(xì)介紹了JQuery validate插件驗(yàn)證用戶注冊(cè)信息的具體代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05bootstrap table 服務(wù)器端分頁(yè)例子分享
這篇文章主要介紹了bootstrap table 服務(wù)器端分頁(yè)例子分享,需要的朋友可以參考下2015-02-02jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格使用說(shuō)明,需要的朋友可以參考下。2011-11-11利用jquery動(dòng)畫(huà)特效和css打造的側(cè)邊彈出垂直導(dǎo)航
這是一款側(cè)邊彈出垂直導(dǎo)航,整個(gè)彈出過(guò)程比較流暢,而且代碼很簡(jiǎn)單,需要的朋友可以參考下2014-04-04jQuery實(shí)現(xiàn)為table表格動(dòng)態(tài)添加或刪除tr功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)為table表格動(dòng)態(tài)添加或刪除tr功能,結(jié)合實(shí)例形式分析了jQuery針對(duì)table表格行動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-02-02淺談jQuery中的eq()與DOM中element.[]的區(qū)別
下面小編就為大家?guī)?lái)一篇淺談jQuery中的eq()與DOM中element.[]的區(qū)別。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊處心形漂浮的炫酷效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊處心形漂浮的炫酷效果,涉及jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-04-04jQuery操作attr、prop、val()/text()/html()、class屬性
這篇文章主要介紹了jQuery操作attr、prop、val()/text()/html()、class屬性 ,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05