suchen

Heim  >  Artikel  >  Web-Frontend  >  Die Klonmethode in JQuery kopiert Knoten

Die Klonmethode in JQuery kopiert Knoten

巴扎黑
巴扎黑Original
2017-06-25 10:06:041414Durchsuche

In diesem Artikel wird hauptsächlich die Klonmethode in JQuery zum Kopieren von Knoten vorgestellt. Er analysiert die Verwendung des flachen Klonens und des tiefen Klonens anhand von Beispielen Artikel

Beschreibt die Klonmethode in JQuery zum Kopieren von Knoten. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt: 

<!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(&#39;我是文本框单击事件&#39;); });
  $("#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>

Das obige ist der detaillierte Inhalt vonDie Klonmethode in JQuery kopiert Knoten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Erläuterung des Funktionsbeispiels jQuery.clone()Nächster Artikel：Detaillierte Erläuterung des Funktionsbeispiels jQuery.clone()

In Verbindung stehende Artikel

Mehr sehen