節(jié)點(diǎn)操作
1.動(dòng)態(tài)創(chuàng)建元素
// $()函數(shù)的另外一個(gè)作用：動(dòng)態(tài)創(chuàng)建元素
var $li = $(“<li>我是一個(gè)li元素</li>”);
2.html創(chuàng)建元素
// 動(dòng)態(tài)創(chuàng)建元素
$("div").html(‘<span>我是內(nèi)容</span>’);
// 獲取html內(nèi)容
$("div").html();
3.添加元素
append()方法
//在$('.red')的最后一個(gè)子元素后面添加$li
$('.red').append($li);
//參數(shù)可以為htmlString
$('.red').append("<li></li>");
appendTo()方法
$li.appendTo($('.red'))
prepend()方法
//在$('.red')的第一個(gè)子元素前面添加$li
$('.red').prepend($li);
prependTo()方法
$li.prependTo($('.red'));
after()方法/insertAfter()方法
$('.red').after($li);
$li.insertAfter($('.red'))
before()方法/insertBefore()方法
$('.red').before($li);
$li.insertBefore($('.red'))
//把自己，包括所有內(nèi)部元素虹统，從文檔中刪除掉
$('.red').remove();
//清空指定元素的所有子元素
$('.red').empty();
$('.red').html('')
注意：如果有事件,使用html("")方法清空節(jié)點(diǎn)并不會(huì)清除事件,而empty方法則會(huì)清除元素上的所有事件,因此推薦使用empty方法清空節(jié)點(diǎn)
5.復(fù)制節(jié)點(diǎn)
clone()方法
var $pTag = $('p');
$pTag.clone(); //復(fù)制$pTag這個(gè)節(jié)點(diǎn)到指定元素
clone(true)方法
var $pTag = $('p');
$pTag.clone(true); //復(fù)制$pTag這個(gè)節(jié)點(diǎn)(包括事件)到指定元素
最后編輯于 ：2017.12.07 06:17:59
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
