Jquery peut-il être utilisé pour ajouter des balises aux divs ?-Questions et réponses frontales-php.cn

Jquery peut-il être utilisé pour ajouter des balises aux divs ?

青灯夜游

Libérer： 2023-01-28 16:34:33

original

2176 Les gens l'ont consulté

Vous pouvez ajouter des balises aux divs en utilisant jquery. 4 méthodes : 1. Utilisez append() pour insérer une sous-balise à la fin de l'élément div, la syntaxe est "$("div").append(element)" 2. Utilisez prepend() pour insérer un sous -tag au début de l'élément div, la syntaxe "$("div").prepend(element)"; 3. Utilisez appendTo() pour insérer une sous-balise à la fin de l'élément div 4. Utilisez prependTo() ; pour insérer une sous-balise au début de l'élément div.

Jquery peut-il être utilisé pour ajouter des balises aux divs ?

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.6, ordinateur Dell G3.

Vous pouvez ajouter des balises dans les divs avec jquery. Il existe 4 méthodes :

Méthode append() : Insérer du contenu jusqu'à la "fin" à l'intérieur de l'élément sélectionné.
Méthode prepend() : Insère du contenu au "début" à l'intérieur de l'élément sélectionné.
Méthode appendTo() : Insère 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.
Méthode prependTo() : Insère le contenu spécifié au début de l'élément sélectionné (mais toujours à l'intérieur de l'élément).

méthode jquery d'ajout de nœuds

Prenons cet exemple simple pour expliquer

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 prepen d

<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