recherche

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

Comment utiliser la méthode insertAfter() de jQuery

青灯夜游
青灯夜游original
2019-02-14 15:41:212894parcourir

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)

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>

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!

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：Comment utiliser la méthode querySelectorArticle suivant：Comment utiliser la méthode querySelector

Articles Liés

Voir plus