jQuery中對節(jié)點進(jìn)行操作的相關(guān)介紹
動態(tài)創(chuàng)建Dom節(jié)點
jQuery中使用$(html字符串)來動態(tài)創(chuàng)建Dom節(jié)點,并且返回一個jQuery對象,可以調(diào)用append等方法將創(chuàng)建的節(jié)點添加到Dom中。
例如:
var link = $("<a href='http://www.baidu.com'>百度</a>");
$("div:first").append(link);
添加節(jié)點元素的方法:
Append方法用來在元素的末尾追加元素(最后一個子節(jié)點)
Prepend在元素的開始添加元素(第一個子節(jié)點)
After:在元素之后添加元素(添加兄弟節(jié)點)
Before:在元素之前添加元素(添加兄弟節(jié)點)
子元素.appendTo(父元素):在元素的末尾追加一個子元素
子元素.prependTo(父元素):在元素的開始追加一個子元素
刪除節(jié)點:
Empty():清空該元素下的所有子節(jié)點
等同于:while(ele.firstChild){ele.removeChild(ele.firstChild);}
var lis = $("#ulSite li").remove();
$("#ulSite2").append(lis);
Clone()克隆節(jié)點,支復(fù)制節(jié)點,不復(fù)制節(jié)點
Clone(true):克隆節(jié)點帶事件
節(jié)點的替換:
$("br").replaceWith("<hr/>");
$("br").replaceAll("<hr/>");
包裹節(jié)點
Wrap()方法用來將所有的元素逐個用指定的標(biāo)簽包裹
$("b").wrap("<font color='red'></font>");將所有粗體字紅色顯示
wrapInner();在內(nèi)部圍繞
相關(guān)文章
bootstrap table 服務(wù)器端分頁例子分享
這篇文章主要介紹了bootstrap table 服務(wù)器端分頁例子分享,需要的朋友可以參考下2015-02-02jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格使用說明,需要的朋友可以參考下。2011-11-11利用jquery動畫特效和css打造的側(cè)邊彈出垂直導(dǎo)航
這是一款側(cè)邊彈出垂直導(dǎo)航,整個彈出過程比較流暢,而且代碼很簡單,需要的朋友可以參考下2014-04-04jQuery實現(xiàn)為table表格動態(tài)添加或刪除tr功能示例
這篇文章主要介紹了jQuery實現(xiàn)為table表格動態(tài)添加或刪除tr功能,結(jié)合實例形式分析了jQuery針對table表格行動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-02-02淺談jQuery中的eq()與DOM中element.[]的區(qū)別
下面小編就為大家?guī)硪黄獪\談jQuery中的eq()與DOM中element.[]的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10jQuery實現(xiàn)鼠標(biāo)點擊處心形漂浮的炫酷效果示例
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)點擊處心形漂浮的炫酷效果,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-04-04jQuery操作attr、prop、val()/text()/html()、class屬性
這篇文章主要介紹了jQuery操作attr、prop、val()/text()/html()、class屬性 ,本文通過實例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05