Maison > interface Web > js tutoriel > Comment utiliser la méthode insertAfter() de jQuery

Comment utiliser la méthode insertAfter() de jQuery

青灯夜游
Libérer: 2021-04-21 15:39:06
original
2870 Les gens l'ont consulté

La méthode insertAfter() de jQuery est utilisée pour insérer du contenu HTML après un élément spécifié. Sa syntaxe d'utilisation est "$(content).insertAfter(target)", où le contenu représente le contenu HTML qui doit être inséré. .

Comment utiliser la méthode insertAfter() de jQuery

L'environnement d'exploitation de cet article : système Windows 7, jquery version 3.2.1, ordinateur Dell G3.

insertAfter() est une méthode intégrée de jQuery, utilisée pour insérer du contenu HTML après un élément spécifié. L'article suivant vous présentera l'utilisation de insertAfter(), j'espère qu'il vous sera utile.

Méthode insertAfter() de jQuery

La méthode insertAfter() insérera du contenu HTML à chaque fois que l'élément spécifié apparaît.

Structure de phrase de base :

$(content).insertAfter(target)
Copier après la connexion

contenu : indique le contenu HTML qui doit être inséré.

cible : indique la cible spécifiée qui doit être trouvée avant d'insérer du contenu.

Remarque : La méthode insertAfter() ne renvoie aucune valeur.

[Recommandation du didacticiel vidéo : Tutoriel jQuery]

Exemple d'utilisation de la méthode insertAfter()

Regardons des exemples spécifiques ci-dessous :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".demo").click(function() {
// insertBefore 
$("<div style=&#39;color: red;&#39;>在PHP中文网中学习!</div>").insertAfter("p");
});
});
</script>
</head>
<body>
<div class="box">
<p>学习jQuery</p>
<p>学习php</p>
<div class="demo">单击此处</div>
</div>
</body>
</html>
Copier après la connexion

Rendu :

Comment utiliser la méthode insertAfter() de jQuery

Ce qui précède est l'intégralité du contenu de cet article, j'espère que cela pourra aider tout le monde apprendre les aides. Pour un contenu plus passionnant, vous pouvez prêter attention aux colonnes de didacticiels pertinentes du site Web PHP chinois ! ! !

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