在jquery中,我们可以通过replaceWith()和replaceAll()方法来替换元素中的节点。
语法格式:replaceWith(content) 将所有选择的元素替换成指定的html和dom元素。其中参数被选择替换的内容。
replaceAll(selector) 替换指定的selector元素。
示例:在下面的页面中存在两个span标记。通过上面两个函数分别替换元素的内容
1 <script type="text/javascript">
2 $(function() {
3 $("#Span1").replaceWith("<span title='replaceWith'>Rainier</span>");
4 $("<span title='replaceAll'>han163@163.com</span>").replaceAll("#Span2");
5 })
6 </script>
7 </head>
8 <body>
9 <p>姓名:<span id="Span1"></span></p>
10 <p>邮箱:<span id="Span2"></span></p>
11 </body>
2 $(function() {
3 $("#Span1").replaceWith("<span title='replaceWith'>Rainier</span>");
4 $("<span title='replaceAll'>han163@163.com</span>").replaceAll("#Span2");
5 })
6 </script>
7 </head>
8 <body>
9 <p>姓名:<span id="Span1"></span></p>
10 <p>邮箱:<span id="Span2"></span></p>
11 </body>
注意 replaceWith() 与replaceAll() 方法都可以实现元素节点的替换,二者最大的区别在
于替换字符的顺序,前者是用括号中的字符替换所选择的元素,后者是用字符串替换括号中
所选择的元素。同时,一旦完成替换,被替换元素中的全部事件都将消失。
相关推荐
本文实例讲述了jQuery中replaceAll()方法用法。分享给大家供大家参考。具体分析如下: 此方法用匹配元素去替换指定的内容。 replaceAll()方法的作用和replaceWith()方法是完全一样的。 语法结构: 代码如下:$...
6.4.1 replaceWith(content) 103 6.4.2 replaceAll(selector) 104 6.5 删除 104 6.5.1 empty() 104 6.5.2 remove([expr]) 105 6.5.3 detach([expr]) 106 6.6 复制 106 6.6.1 clone() 106 6.6.2 clone(true) 107 7. ...
replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone([Even[,deepEven]]) 筛选 过滤 eq(index|-index) first() last() hasClass(class) filter...
主要介绍了JQuery替换DOM节点的方法,实例分析了jQuery中replaceWith()和replaceAll()方法的相关使用技巧与注意事项,需要的朋友可以参考下
您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...
$.replaceWith( content ), .replaceWith( fn ) $.replaceAll( selector ) Removing $.detach( [selector] ) $.empty( ) $.remove( [selector] ) Copying $.clone( [withDataAndEvents], [deepWithDataAndEvents] )...
replaceWith(content) replaceAll(selector) 删除 empty() remove([expr]) 复制 clone() clone(true) 筛选 过滤 eq(index) hasClass(class) filter(expr) filter(fn) is(expr) map(callback) not(expr) ...
replaceWith(content) replaceAll(selector) 删除 empty() remove([expr]) 复制 clone() clone(true) 筛选 过滤 eq(index) hasClass(class) filter(expr) filter(fn) is(expr) map(callback) not(expr) ...
主要介绍了jQuery中clone()方法用法,实例分析了clone()方法的功能、定义及克隆匹配的DOM元素的使用技巧,需要的朋友可以参考下
replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone([Even[,deepEven]]) 筛选 过滤 eq(index|-index) first() last() hasClass(class) filter...
replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone() clone(true) 筛选过滤 eq(index) first() last() hasClass(class) filter(expr | fn) is(expr) map(callback) has(expr) not(expr) ...
主要介绍了jQuery实现节点的追加、替换、删除、复制功能,结合具体实例形式分析了jQuery针对DOM节点的操作技巧,涉及append()、prepend()、replaceAll()、replaceWith()empty()、remove()、clone()、clone()等方法的...
DOM操作包括append、prepend、before、after、replaceWith、appendTo、prependTo、insertBefore、insertAfter、replaceAll。其核心处理函数是domManip。 DOM操作函数中后五种方法使用的依然是前面五种方法,源码 ...