增加
1. append(content|fn)
描述: 在每个匹配元素里面的末尾处插入参数内容。
下面一段代码:
<ul>
<li>1</li>
<li>2</li>
<li >3</li>
</ul>
在第一个li的里面面添加一个元素;
$("ul li:eq(0)").append("<li>5</li>");
结果:
2.appendTo(content)
描述: 将匹配的元素插入到目标元素的最后面。
下面一段代码:
<ul>
<li>1</li>
<li>2</li>
<li >3</li>
</ul>
将匹配的内容插入到第一个li里面;
$("<li>5</li>").appendTo("ul li:eq(0)");
结果:
3.prepend(content|fn)
描述: 将参数内容插入到每个匹配元素的前面。
同样的一段代码,同样的需求,语法:
$("ul li:eq(0)").prepend("<li>5</li>");
结果:
4.prependTo(content)
**描述:**将所有元素插入到目标前面。
语法:
$("<li>5</li>").prependTo("ul li:eq(0)");
结果和prepend一样:
以上四种都是在选择的元素内部插入的。
5.after(content|fn)
描述: 在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点。
语法:
$("ul li:eq(0)").after("<li>5</li>");
结果:
6.before(content|fn)
描述:在匹配元素集合中的每个元素前面插入参数所指定的内容,作为其兄弟节点。
语法:
$("ul li:eq(0)").before("<li>5</li>");
结果:
7.insertAfter(content)
**描述:**在目标元素后面插入集合中每个匹配的元素。
语法:
$("<li>5</li>").insertAfter("ul li:eq(0)");
结果和after一样
8.insertBefore(content)
**描述:**在目标元素前面插入集合中每个匹配的元素。
语法:
$("<li>5</li>").insertBefore("ul li:eq(0)");
结果和before一样。
查找
1.next([selector])
描述: 取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时,才会返回此元素。
2.prev([selector])
描述: 取得匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时,才会返回此元素。
3.nextAll( [selector ] )
**描述:**查找当前元素之后所有的同辈元素。传参数表示过滤。
4.prevAll( [selector ] )
**描述:**查找当前元素之前所有的同辈元素。传参数表示过滤。
5.nextUntil([exp|ele][,fil])
**描述:**查找当前元素之后所有的同辈元素,直到遇到匹配的那个元素为止。
6.prevUntil([exp|ele][,fil])
**描述:**查找当前元素之前所有的同辈元素,直到遇到匹配的那个元素为止。
7.siblings( [selector ] )
**描述:**获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器。
8.parent( [selector ] )
**描述:**取得匹配元素集合中每个元素的父元素,可以提供一个可选的选择器。
9.parents( [selector ] )
**描述:**取得匹配元素集合中每个元素的祖先元素,可以提供一个可选的选择器。
删除
1.empty()
**描述:**删除里面所有的子节点 。
2.remove([expr])
**描述:**从DOM中删除所有匹配的元素。
3.detach([expr])
**描述:**从DOM中删除所有匹配的元素。
和remove的区别在于;remove不会保留事件,detach会保留事件
替换
1.replaceWith(content|fn)
**描述:**用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合。
2.replaceAll(content|fn)
**描述:**用集合的匹配元素替换每个目标元素。
复制
clone([Even[,deepEven]])
**描述:**克隆匹配的DOM元素并且选中这些克隆的副本。