码迷,mamicode.com
首页 > Web开发 > 详细

jQuery DOM操作-复制节点、替换节点、包裹节点

时间:2016-01-15 14:27:28      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

clone():

复制节点,默认无事件,如果传递了一个参数true,则表示在复制节点的同时复制元素中所绑定的事件。

1 <script type="text/javascript">
2     $(function(){
3         var $apple = $("ul li:eq(0)").clone();
4         $("ul").append($apple);
5     });
6 </script>

技术分享

replaceWith():

将所有匹配的元素都替换成指定的HTML或者DOM元素。

1 <script type="text/javascript">
2     $(function(){
3         $("ul li").each(function(){
4             $(this).replaceWith("<li title=‘"+ $(this).attr("title")+"‘ style=‘background-color:#f00;‘>"+$(this).text()+"</li>");
5         });
6     });
7 </script>

技术分享

replaceAll():

使用HTML或者DOM元素替换所有匹配的元素。

1 <script type="text/javascript">
2     $(function(){
3         $("<li title=‘apple‘>Apple</li>").replaceAll("ul li:eq(0)");
4     });
5 </script>

技术分享

注意:如果替换之前已经为元素绑定事件,替换后原先绑定的事件将会消失,需要重新绑定事件。

wrap():

使用标记将匹配的节点包起来。

wrapAll():

使用标记将匹配的所有节点包在一起。

注意:如果被包含的多个元素之间有其他元素,其他元素会被放到包裹元素之后。

wrapInner():

使用标记将匹配的节点的子元素包起来。

 

jQuery DOM操作-复制节点、替换节点、包裹节点

标签:

原文地址:http://www.cnblogs.com/qhdxqxx/p/5132946.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!