jquery怎么改变span的值

青灯夜游
Libérer: 2022-12-16 17:29:51
original
3864 Les gens l'ont consulté

改变步骤:1、利用jquery选择器获取指定span元素,语法“$("选择器")”;2、利用text()或html()函数来修改指定元素对象的内容值,语法“元素对象.text("新内容")”或“元素对象.html("新内容")”。

jquery怎么改变span的值

本教程操作环境:windows7系统、jquery3.6.1版本、Dell G3电脑。

在jquery中,可以利用jquery选择器和text()(或html())函数来改变span的内容值。

实现思想:

  • 获取指定span元素对象。

  • 修改指定元素对象的内容值。

实现步骤:

步骤1、利用jquery选择器获取指定span元素

$("选择器")
Copier après la connexion
  • 会返回包含指定span元素的jquery对象

步骤2、利用text()或html()函数来修改指定元素对象的内容值

  • text()可以设置元素的文本内容,只需将文本内容设置为新值即可改变。

  • html()可以设置或返回的内容,是包含文本和HTML标签的内容。

span元素对象.text("新内容") span元素对象.html("新内容")
Copier après la connexion

示例:

      


span元素旧内容。

span元素旧内容。

span元素旧内容。

Copier après la connexion

1.gif

扩展知识:html() 与 text() 比较

html() 获取的是元素内部所有的内容,而 text() 获取的仅仅是文本内容。

      

PHP中文网

html()是:
text()是:
Copier après la connexion

3.png

对于 html() 和 text() 这两个方法的区别,从下表就可以很清晰地比较出来。

HTML代码 html() text()
PHP中文网
PHP中文网 PHP中文网
PHP中文网
PHP中文网 PHP中文网
(空字符串)

【推荐学习:jQuery视频教程web前端开发

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!

Étiquettes associées:
source:php.cn
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
Recommandations populaires
Tutoriels populaires
Plus>
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!