Maison > Article > interface Web > Analyse sur l'utilisation de append() et appendto() dans jquery

Analyse sur l'utilisation de append() et appendto() dans jquery

巴扎黑original: 2017-06-24 11:24:001838parcourir

Cet article présente principalement l'analyse de l'utilisation de append() et appendto() dans jquery Il analyse la syntaxe spécifique et l'utilisation détaillée de append() et appendto() dans jquery sous forme d'exemples. . Il est obligatoire que les amis puissent se référer à

Cet article analyse l'utilisation de append() et appendto() dans jquery avec des exemples. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Dans la méthode d'opération de document de jQuery, les méthodes append() et appendto() effectuent les mêmes tâches, mais il existe également des différences entre les deux.

1. Méthode append() : Insérer le contenu spécifié à la fin de l'élément sélectionné (mais toujours dans l'élément).

a. Syntaxe :

Le code est le suivant :

$(selector).append(content);

Parmi eux, le paramètre content est requis et le contenu spécifié à ajouter.

b.append peut utiliser la fonction pour ajouter du contenu à l'élément sélectionné. La syntaxe est :

Le code est le suivant :

$. (selector).append( function(index,html));

Parmi eux, function() est obligatoire et les paramètres index et html sont facultatifs. Index représente la position d'index du sélecteur de réception et html représente le code HTML actuel du sélecteur de réception.

Exemple :

Le code est le suivant :

<html>  
<head>  
<script type="text/
javascript
" src="/jquery/jquery.js"></script>  
<script type="text/javascript">  
$(
document
).ready(function(){  
  $("button").click(function(){  
    $("p").append(" <b>Hello jQuery!</b>");  
  });  
});  
</script>  
</head>  
<body>  
<p>This is a paragraph.</p>  
<p>This is another paragraph.</p>  
<button>在每个 p 元素的结尾添加内容</button>  
</body>  
</html>

Le résultat d'exécution est le suivant :

Ceci est un paragraphe. Bonjour jQuery !
Ceci est un autre paragraphe. Bonjour jQuery !

Méthode appendto() : Insérer le contenu spécifié à la fin de l'élément sélectionné (mais toujours à l'intérieur de l'élément). ). Mais vous ne pouvez pas utiliser de fonctions pour ajouter du contenu.

Syntaxe :

Le code est le suivant :

$(content).appendto(selector);

Exemple :

Le code est le suivant :

<html>  
<head>  
<script type="text/javascript" src="/jquery/jquery.js"></script>  
<script type="text/javascript">  
$(document).ready(function(){  
  $("button").click(function(){  
    $("<b> Hello jQuery!</b>").appendTo("p");  
  });  
});  
</script>  
</head>  
<body>  
<p>This is a paragraph.</p>  
<p>This is another paragraph.</p>  
<button>在每个 p 元素的结尾添加内容</button>  
</body>  
</html>

Le résultat exécuté est le suivant :

Ceci est un paragraphe Bonjour jQuery !
Ceci est un autre paragraphe. Bonjour 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!

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：Analyse de la méthode jQuery --append()Article suivant：Analyse de la méthode jQuery --append()

Articles Liés

Voir plus