Detaillierte Erläuterung der Verwendung des jQuery-Kopierknotens-js-Tutorial-php.cn

Detaillierte Erläuterung der Verwendung des jQuery-Kopierknotens

php中世界最好的语言

Freigeben： 2018-04-23 15:52:53

Original

2356 Leute haben es durchsucht

Dieses Mal erkläre ich Ihnen ausführlich die Verwendung von jQuery Copy Node und welche Vorsichtsmaßnahmen bei der Verwendung von jQuery Copy Node gelten. Nehmen wir hier einen praktischen Fall ein Blick.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
  $("ul li").click(function(){
    $(this).clone().appendTo("ul"); // 复制当前点击的节点，并将它追加到<ul>元素
  })
});
</script>
</head>
<body>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
  <li title=&#39;苹果&#39;>苹果</li>
  <li title=&#39;橘子&#39;>橘子</li>
  <li title=&#39;菠萝&#39;>菠萝</li>
</ul>
</body>
</html>

Nach dem Login kopieren

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
  $("ul li").click(function(){
    $(this).clone(true).appendTo("ul"); // 注意参数true
    //可以复制自己，并且他的副本也有同样功能。
  })
});
</script>
</head>
<body>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
  <li title=&#39;苹果&#39;>苹果</li>
  <li title=&#39;橘子&#39;>橘子</li>
  <li title=&#39;菠萝&#39;>菠萝</li>
</ul>
</body>
</html>

Nach dem Login kopieren

Die Darstellung ist wie folgt:

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben Spannende Dinge, bitte achten Sie auf die chinesische PHP-Website. Weitere verwandte Artikel!

Empfohlene Lektüre:

Zusammenfassung der Methode von jQuery zur Zeitbeschaffung

Was sind die Vorsichtsmaßnahmen für ein jQuery-Versions-Upgrade

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung des jQuery-Kopierknotens. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!