Comment ajouter des éléments enfants dans jquery

Méthodes pour ajouter des éléments enfants : 1. Utilisez l'instruction "$(parent element).append(child element)" ; 2. Utilisez l'instruction "$(parent element).prepend(child element)" ; Instruction $( Child element).appendTo(parent element)" ; 4. Utilisez l'instruction "$(child element).prependTo(parent element)".

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

jquery ajoute des sous-éléments

1. Méthode d'ajout

Insérer le contenu du paramètre à la fin de chaque élément correspondant

Description du type de paramètre :

1) Chaîne ordinaire (peut contenir divers éléments HTML). tags)

$('body').append('html字符串');

2) objet jQuery

①Nouveaux éléments (objets jQuery) créés à l'aide de la fonction $
②Utilisez la fonction $ pour obtenir des éléments existants (objets jQuery) sur la page
À ce stade, les éléments existants seront Si l'élément est déplacé vers l'élément cible, il est coupé.

<script type="text/javascript">
    $(function(){
            $getParagraph=$("p");//运行后p段落会变成div的子元素
            $("#oo").append($getParagraph);
        }
    );
</script>

<p>段落</p>
<div id="oo">div</div>

③ Utilisez la méthode clone pour cloner un élément existant (objet jQuery) sur la page

$getParagraph=$("p").clone();//这样就避免了p段落会变成p的子元素

3) Objet élément HTML, tableau d'objets élément html

= == = Plusieurs paramètres des types ci-dessus peuvent être transmis, et chaque paramètre sera inséré dans l'élément correspondant ! ===

4) Combien d'éléments correspondants la fonction

possède-t-elle ? Combien de fois cette fonction sera-t-elle exécutée ? La fonction peut accepter deux paramètres : le premier est le numéro de série de l'élément actuel, et le second est le numéro de série de l'élément actuel ? numéro dans l'élément actuel. Ceci à l'intérieur de la fonction html

représente l'objet élément html actuel

Les données de retour sont le contenu inséré (peut être un élément html ou un objet jQuery)

2. insère le contenu du paramètre dans chaque Correspondance avec le premier

$(A).prepend(B)

$(A).prepend(B) à l'intérieur de l'élément signifie insérer B au début de A.

3. La méthode appendTo

insère l'élément correspondant à la fin de l'élément cible (identique à append)

$(A).appendTo(B)

$(A).appendTo(B) signifie insérer A à la fin de B.

4. La méthode prependTo

insère l'élément correspondant au début de l'élément cible (identique à prepend)

$(A).prependTo(B)

$(A).prependTo(B) signifie insérer A au début de B.

【Apprentissage recommandé :

Tutoriel vidéo jQuery

,

Vidéo de développement web front-end

】

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!