简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

jQuery动态创建元素以及追加节点的实现方法

高洛峰
Libérer： 2016-12-09 15:28:48
original
1249 人浏览过

我们知道js中有三种动态创建元素的方法，jQuery中也可以动态的创建元素

例如：

var str = $("脚本之家");
$("ul").append(str); //将动态创建的str元素追加到ul下面
Copier après la connexion

追加节点

在js当中追加节点的方法是appendChild(节点元素)和insertBefor(节点元素，位置)，在jQuery中是

append 追加在父元素的最后一个子节点后面

prepend插入到父元素的第一个子节点前面

after在元素后面追加，同级

befor在元素的前面追加，同级

下面的代码可以很好的演示追加节点




 
 
 
 
 
 









div标签1


我要插队。。。
Copier après la connexion


Étiquettes associées：
jquery
source：php.cn
Article précédent：浅谈JS中String()与 .toString()的区别 Article suivant：Javascript的动态增加类的实现方法
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
Derniers articles par auteur
Derniers numéros
Étapes pour installer jQuery dans Nuxt.js Bien que j'essaie d'ajouter jQuery dans mon projet, j'obtiens une erreur indiquant qu'il n...
Depuis 2023-11-06 16:41:50
0
1
225
jQuery obtient une mauvaise valeur lors de l'obtention de l'attribut de données J'ai un div avec l'attribut data <divclass='p1'data-location='1'></div> J'ai u...
Depuis 2023-11-01 23:01:19
0
1
209
Prise en charge du codage de transfert de jQuery : fragmenté Je suis développeur Web. Dans mon script, j'utilise header() pour définir "Transfer-E...
Depuis 2023-10-25 23:44:37
0
1
230
Comment obtenir les dimensions naturelles d'une image en utilisant JavaScript ou jQuery ? Jusqu'à présent, j'ai ce code : varimg=document.getElementById('draggable'); varwidth=img....
Depuis 2023-10-21 13:53:08
0
2
275
Agrandir automatiquement la zone de texte J'essaie de créer une simple zone de texte à expansion automatique. Voici mon code : texta...
Depuis 2023-10-21 08:49:23
0
2
225
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！