jquery笔记:文档处理 replaceWith, replaceAll, detach, clone
2017-02-05 20:28
447 查看
replaceWith(content|fn)
contentString, Element, jQuery, FunctionV1.2
用于将匹配元素替换掉的内容。如果这里传递一个函数进来的话,函数返回值必须是HTML字符串。fnFunctionV1.4
返回THML字符串,用来替换的内容。$("p").replaceWith("<b>Paragraph. </b>");
<p>Hello</p><p>cruel</p><p>World</p>
<b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>
<div class="container"> <div class="inner first">Hello</div> <div class="inner second">And</div> <div class="inner third">Goodbye</div> </div>
$('.third').replaceWith($('.first'));
<div class="container"> <div class="inner second">And</div> <div class="inner first">Hello</div> </div>
replaceAll(selector) 用匹配的元素替换掉所有 selector匹配到的元素
<p>Hello</p><p>cruel</p><p>World</p>
$("<b>Paragraph. </b>").replaceAll("p");
<b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>
detach([expr])
从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。
$("p").detach();
$("p").detach(".hello");
clone([Even[,deepEven]])
克隆匹配的DOM元素并且选中这些克隆的副本。在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。
EventsBooleanV1.0
一个布尔值(true 或者 false)指示事件处理函数是否会被复制。V1.5以上版本默认值是:falseEvents[,deepEvents]Boolean,BooleanV1.5
1:一个布尔值(true 或者 false)指示事件处理函数是否会被复制。2:一个布尔值,指示是否对事件处理程序和克隆的元素的所有子元素的数据应该被复制。
$("b").clone().prependTo("p");
相关文章推荐
- Jquery基础学习笔记(2)-文档处理
- jQuery学习笔记:文档处理
- jQuery学习笔记 操作jQuery对象 文档处理
- jQuery笔记-文档处理
- jQuery学习笔记:文档处理
- Jquery 基础学习笔记之文档处理
- jQuery学习笔记 操作jQuery对象 文档处理
- Jquery 基础学习笔记之文档处理
- Jquery-文档处理学习笔记
- jquery的clone()和replaceAll(),replaceWith()
- jquery删除替换元素remove、detach、empty、replaceWith、replaceAll
- python学习笔记-Day16-jquery(文档处理/事件/插件)
- Jquery基础学习笔记(2)-文档处理
- [笔记]关于jquery冒泡和默认事件处理
- 【Matlab图像处理】学习笔记:读取16进制RGB文档转为彩色图片
- 八、jQuery文档处理程序和帮助文档api手册
- jQuery文档处理程序
- .jQuery文档分析4-文档处理
- ExtJs4 笔记(1) ExtJs大比拼JQuery:Dom文档操作
- Jquery中替换节点的方法replaceWith()和replaceAll()