本帖最后由 小石姐姐 于 2017-11-20 15:15 编辑
文档处理
内部插入
append(content|fn) 返回值:jQuery
向每个匹配的元素内部追加内容。(**若添加的元素已存在,相当于执行移动,并不会新建并追加**)
这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。
appendTo(content) 返回值:jQuery
把所有匹配的元素追加到另一个指定的元素元素集合中。(**若添加的元素已存在,相当于执行移动,并不会新建并追加**)
实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。
prepend(content|fn) 返回值:jQuery
向每个匹配的元素内部前置内容。(**若添加的元素已存在,相当于执行移动,并不会新建并追加**)
这是向所有匹配元素内部的开始处插入内容的最佳方式。
prependTo(content) 返回值:jQuery
把所有匹配的元素前置到另一个、指定的元素元素集合中。(**若添加的元素已存在,相当于执行移动,并不会新建并追加**)
实际上,使用这个方法是颠倒了常规的$(A).prepend(B)的操作,即不是把B前置到A中,而是把A前置到B中。
外部插入
after(content|fn) 返回值:jQuery
在每个匹配的元素之后插入内容。
$("p").after("<b>Hello</b>");
<p>I would like to say: </p><b>Hello</b>
before(content|fn) 返回值:jQuery
在每个匹配的元素之前插入内容。
$("p").before("<b>Hello</b>");
<b>Hello</b><p>I would like to say: </p>
替换
replaceWith(content|fn) 返回值:jQuery
将所有匹配的元素替换成指定的HTML或DOM元素。****移动到目标位置来替换,而不是复制一份来替换。
replaceAll(selector) 返回值:jQuery
用匹配的元素替换掉所有 selector匹配到的元素
selector 用于查找所要被替换的元素
删除
empty() 返回值:jQuery
删除匹配的元素集合中所有的子节点。
remove([expr]) 返回值:jQuery
从DOM中删除所有匹配的元素。
这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。
但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。
detach([expr]) 返回值:jQuery
从DOM中删除所有匹配的元素。
这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。
与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。
复制
clone([Even[,deepEven]]) 返回值:jQuery
克隆匹配的DOM元素并且选中这些克隆的副本。
<b>Hello</b><p>, how are you?</p>
$("b").clone().prependTo("p");
<b>Hello</b><p><b>Hello</b>, how are you?</p>
*布尔值(true 或者 false)指示事件处理函数是否会被复制。
创建一个按钮,他可以复制自己,并且他的副本也有同样功能。
$("button").click(function(){
$(this).clone(true).insertAfter(this);
}); |
|