jQuery节点操作

Posted 2020-08-22

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>