communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > le corps du texte

jquery 元素控制(追加元素/追加内容)介绍及应用_jquery

WBOY
Libérer： 2016-05-16 17:35:57
original
1148 Les gens l'ont consulté
一、在元素内部/外部追加元素
append,prepend:添加到子元素
before，after：作为兄弟元素添加
html：
复制代码 代码如下:


在我的后面追加一条新闻




Javascript:
复制代码 代码如下:



在#content里面添加元素，这是把

姚明退役了...

作为子元素添加到#content，如果想在元素外部追加元素，需要用到after，这样的话就可以把

姚明退役了...

作为兄弟元素追加到#content后面
复制代码 代码如下:



二、在元素的不同位置追加内容
html
复制代码 代码如下:


窗前明月光



疑是地上霜

javascript
复制代码 代码如下:



三、在元素的开始位置追加内容
html
复制代码 代码如下:



在我的后面追加一条新闻




javascript
复制代码 代码如下:



四、在不同元素的开始位置追加内容
html
复制代码 代码如下:


在我的后面追加一条新闻



疑是地上霜

javascript
复制代码 代码如下:



在#content里面添加元素，这是把疑是地上霜作为子元素添加到#content开始地方，如果想在元素外部添加开始元素，需要用到before，这样的话就可以把疑是地上霜作为兄弟元素追加到#content开始了
复制代码 代码如下:



五、用指定结构的元素包含元素
Warp(html)
在指定的html中指定html元素，但指定的元素中不可含有兄弟元素，否则不能正常的运行，并且不含有一般文本字符串，下面的代码用div标签包含p标签
html
复制代码 代码如下:


将我包含在div中


javascript
复制代码 代码如下:



六、用指定的元素包含多个html元素
warpAll(html)
html
复制代码 代码如下:


p内容


p内容


p内容


p内容


p内容




javascript
复制代码 代码如下:

");
})


七、用指定的标签包含子元素
wrapInner(html)
与warp方法一样，在html中指定html元素，例如：
用b标签包含p标签中文字的代码如下：
html代码

将p标签的文字用b标签包含起来


也将p标签的文字用b标签包含起来


复制代码 代码如下:

javascript

Étiquettes associées：
jquery 控制
source：php.cn
Article précédent：『jQuery』.html(),.text()和.val()的概述及使用_jquery Article suivant：『jQuery』取指定url格式及分割函数应用_jquery
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
Soumettre le formulaire sans bouton en utilisant Javascript/Jquery J'essaie de soumettre un formulaire sans bouton en appelant une fonction JavaScript et en ...
Depuis 2024-04-06 14:54:03
0
2
421
Comment récupérer les valeurs des lignes non sélectionnées dans un tableau de données HTML à l'aide de jquery J'essaie d'obtenir la valeur de toutes les lignes sur lesquelles le bouton n'a pas été cli...
Depuis 2024-04-05 09:26:49
0
1
1418
Besoin d'un script jquery pour déplacer les options sélectionnées à partir d'une zone de sélection en fonction de la sélection actuelle de l'utilisateur final J'ai une page HTML où l'utilisateur final peut classer nos articles via un élément de boît...
Depuis 2024-04-04 18:40:04
0
1
3528
J'ai créé un élément en CSS pur via des signets. Il est créé mais n'est pas visible Mon code est le suivant : g=document.createElement('div');g.setAttribute("id",&q...
Depuis 2024-04-04 17:27:27
0
1
417
Impossible d'envoyer les données du formulaire sur Safari/Firefox iOS Cela fonctionne sur toutes les plateformes sauf Safari/Firefox sur iOS : jQuery("#gfo...
Depuis 2024-04-04 12:53:48
0
1
303
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