Maison > Article > interface Web > La méthode clone dans JQuery copie les nœuds
La méthode clone dans JQuery copie les nœuds
- 巴扎黑original
- 2017-06-25 10:06:041366parcourir
Cet article présente principalement la méthode de clonage dans JQuery pour copier des nœuds. Il analyse l'utilisation du clonage superficiel et du clonage profond de la méthode de clonage avec des exemples. Les amis dans le besoin peuvent se référer aux exemples de cet article.
Décrit la méthode de clonage dans JQuery pour copier des nœuds. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>复制节点</title>
<style type="text/css">
#main{
width:300px;
margin:200px auto;
background-color:gold;
padding:10px;
}
</style>
<script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var $text = $("#txt1");
$text.click(function () { alert('我是文本框单击事件'); });
$("#btn1").click(function () {
$("#btn1").after($text.clone()); //浅克隆(不复制事件)
});
$("#btn2").click(function () {
$("#btn2").after($text.clone(true)); //深克隆(复制事件)
});
});
</script>
</head>
<body>
<p id="main">
<input type="text" value="我是文本框" id="txt1" />
<input type="button" id="btn1" value="进行浅克隆(不复制事件)" />
<input type="button" id="btn2" value="进行深克隆(复制事件)" />
</p>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Explication détaillée de l'exemple de fonction jQuery.clone()Article suivant：Explication détaillée de l'exemple de fonction jQuery.clone()