clone应用

最新推荐文章于 2024-05-16 09:32:36 发布

leiru

最新推荐文章于 2024-05-16 09:32:36 发布

阅读量374

点赞数 1

分类专栏： jQuery 文章标签： jquery function xhtml javascript html xml

本文链接：https://blog.csdn.net/leiru/article/details/3997083

版权

jQuery 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" c />
<title>DOM Manipulation</title>
<script src="jquery.js" type="text/javascript"></script>
<SCRIPT LANGUAGE="JavaScript">
$(function(){
$("p").bind("click",function(){
alert("cssrain test:");
})

//jQuery里的.bind()方法，其实是一种对事件处理的通用写法。

例如点击事件：.click(), 可以写成 .bind(‘click’)。

     而.unbind()，顾名思义就是解除事件处理。
  $("p").clone(true).appendTo("body");
$("p").clone(false).appendTo("body");
  //我们发现 clone(true) 会连带绑定的事件一起复制，
//false只复制元素，而绑定的事件已经被它扔掉。

//clone是成倍的复制的.
$("p").clone().appendTo("body");//默认是 false
   /*
     这点 jquery的clone（）跟dom里的clone有点区别了。
           如果想实现dom 里的clone（）
     可以这么做;
     $("p").clone(true).empty().appendTo("body");
   */
})
</SCRIPT>
</head>
<body>
<p>段落1段落1段落1段落1</p>
</body>
</html>
关于clone 修正下：
/*
在DOM中：
.cloneNode(true) : 表示连同文本节点一起复制。
.cloneNode(false) : 文本节点不被复制，只复制元素节点。
在jQuery中：
.clone(true) : 连同文本节点，绑定事件一起复制。
.clone(false) : 连同文本节点一起复制。(绑定事件不被复制)
如果想实现DOM中的.cloneNode(false)功能：
可以这么写： $("p").clone(false).empty().appendTo("body");
*/