Maison > interface Web > js tutoriel > Explication détaillée de l'utilisation du nœud de copie jQuery

Explication détaillée de l'utilisation du nœud de copie jQuery

php中世界最好的语言
Libérer: 2018-04-23 15:52:53
original
2356 Les gens l'ont consulté

Cette fois je vous apporte une explication détaillée de l'utilisation de jQuery Copy Node, et quelles sont les précautions lors de l'utilisation de jQuery Copy Node Voici un cas pratique, prenons. un regard.

<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>
Copier après la connexion
<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>
Copier après la connexion

Le rendu est le suivant :

Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour en savoir plus. informations passionnantes, veuillez prêter attention au site Web chinois php Autres articles connexes !

Lecture recommandée :

Résumé de la méthode jquery pour obtenir le temps

Quelles sont les précautions à prendre pour la mise à niveau de la version jQuery

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal