首页 > 代码库 > jQuery节点操作
jQuery节点操作
1、查找元素节点
$("ul li:eq()");
2、查找属性节点
$("selector").attr("title")
3、创建节点
var $li_1=$("<li></li>");
var $li_2=$("<li></li>");
$("ul").append($li_1);
4、创建文本节点、创建属性节点
5、插入节点
append():向每个匹配的元素内部追加内容(追加:即在后)
appendTo():将所有匹配的元素追加到指定的元素中
prepend():向每个匹配的元素内部前置内容
prependTo():
after():向每个匹配的元素之后插入内容
inserAfter():
before():在每个匹配的元素之前插入内容
insertBefore():
6、删除节点
1、remove():从dom删除所有匹配的元素
detach():从dom删除所有匹配的元素
区别:detach()不会把匹配的元从jQuery对象中删除,因而可以在将来再使用这些匹配的元素,与remove()不同的是,所有绑定的事件,附加的数据等都会保留下来
empty():不是删除节点,而是清空节点
2、复制节点
clone():复制节点后,被复制的新元素并不具有任何i行为
clone(true):复制元素的同时同时复制所绑定的事件
3、替换节点
replaceWith()、replaceAll():
$("p").replaceWith("<strong></strong>");
4、包裹节点
$("strong").wrap("<b></b>");warp译为用...包裹(之前搞不清楚谁包裹谁,总是搞混,单词不过关┭┮﹏┭┮)
<p></p>
<p></p>
<p></p>
wrapAll():$("p").wrapAll("<b></b>")——<b><p></p><p></p><p></p></b>
wrap()单独包裹每个元素,<b><p></p></b> <b><p></p></b>
wrapInner():$("p").wrapInner("<b></b>")——<p><b></b></p>
jQuery节点操作