简体中文(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怎么替换html内容

青灯夜游
Libérer： 2023-01-06 11:14:22
original
5747 人浏览过

替换方法：1、replaceWith()把被选元素替换为新的内容，语法“$(选择器).replaceWith(内容)”；3、replaceAll()用指定的HTML内容或元素替换被选元素，语法“$(内容).replaceAll(选择器)”。

jquery怎么替换html内容

本教程操作环境：windows7系统、jquery1.10.0版本、Dell G3电脑。

1、replaceWith()  

使用括号内的内容替换所选择的内容。  

$("#div").replaceWith("
div2
");
Copier après la connexion

使用方法如上，将ID为div的元素替换为ID为div2的DIV元素。

2、replaceAll()

将选择的内容替换到括号内的选择器。 

$("
替换后的内容
").replaceAll("p");
Copier après la connexion

使用方法如上，将所有的p标签替换为选择的DIV标签。  

相关视频教程推荐：jQuery教程（视频）

以上是jquery怎么替换html内容的详细内容。更多信息请关注PHP中文网其他相关文章！

Étiquettes associées：
jquery
source：php.cn
Article précédent：jquery怎么删除html元素 Article suivant：jquery对象怎么转为html dom对象
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！