您的位置：首页 > Web前端 > JQuery

jquery Dom对象_复制和替换节点

2013-04-01 21:24 453 查看

1,clone() 复制节点

2, 替换节点

replaceWith()

replaceAll()

例：

<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>

<title>无标题文档</title>

</head>

<script>

//复制和替换节点

$(function(){

//clone()实现节点的复制，默认不复制绑定的事件，如果需要给复制元素的时候也同时复制这个元素身上的事件，需要增加一个参数true

$("ul li").click(function(){

$(this).clone(true).appendTo("ul");

})})

//替换节点

$(function(){

//replaceWith()使用with后面的标签替换匹配的元素

$("p").click(function(){

$("p").replaceWith("<span>这是一个span</span>")

})

//replaceAll()使用摸个元素替换所有的其他元素

$("p").click(function(){

$("<span>这是一个span</span>").replaceAll("p");

})

})

</script>

<body>

<p title="水果">你最喜欢的水果</p>

<ul>

<li>苹果</li>

<li name="o">橘子</li>

<li name="m">香蕉`</li>

</ul>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航