Maison > interface Web > js tutoriel > Comment ajouter un nœud avec jquery ?

Comment ajouter un nœud avec jquery ?

青灯夜游
Libérer: 2020-11-30 17:23:13
original
8371 Les gens l'ont consulté

Méthode : 1. Utilisez append() pour insérer un nœud de contenu à la fin de l'élément sélectionné ; 2. Utilisez prepend() pour insérer un nœud de contenu au début de l'élément sélectionné ; 3. Utilisez appendTo ; () pour insérer un nœud de contenu au début de l'élément sélectionné. Insérez un nœud d'élément à la fin de l'élément sélectionné. 4. Utilisez prependTo() pour insérer un nœud d'élément au début de l'élément sélectionné ;

Comment ajouter un nœud avec jquery ?

L'environnement d'exploitation de ce tutoriel : système windows10, jquery2.2.4, cet article est applicable à toutes les marques d'ordinateurs.

Recommandations associées : "jQuery Video"

Comment ajouter des nœuds avec jquery

Obtenir it Cet exemple simple explique

1 méthode d'ajout

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
        $("div").append($("p"));//添加到元素内容的后面
    })
</script>
Copier après la connexion

2. . méthode prepend

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
        $("div").prepend($("p"));//添加到元素内容的前面

    })
</script>
Copier après la connexion

3. méthode appendTo

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
        $("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面
    
    })
</script>
Copier après la connexion

4. Méthode prependTo

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
       $("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面
    
    })
</script>
Copier après la connexion

5 après la méthode

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
       $("div").after($("p"));//添加到自己的后面
    
    })
</script>
Copier après la connexion

6. avant la méthode

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
       $("div").before($("p"));//添加到自己的前面
    
    })
</script>
Copier après la connexion

D'accord ~ ​​Il existe plusieurs méthodes ci-dessus pour ajouter des nœuds, elles peuvent toutes être utilisées, mais elles peuvent être utilisées dans projets spécifiques Utilisez-le selon la situation !

Pour plus de connaissances sur la programmation, veuillez visiter : Introduction à la programmation ! !

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