技术文章 >  头条 > 正文

jQuery中text()方法如何获取/设置文本?

宋雪维

在jQuery中,想要获取并设置value字段值可以使用val()方法,而如果想要获取并设置一个元素的文本内容,使用jQuery中text()方法可以解决,text()方法设置或返回当前jQuery对象所匹配的DOM元素内的text内容,本文向大家介绍jQuery中text()方法获取/设置文本的原理及具体实例。

1、text()方法

用于获取所有匹配元素的内容;

设置或返回当前jQuery对象所匹配的DOM元素内的text内容。

所谓text内容,就是在该元素的html内容(即innerHTML属性值)的基础上过滤掉所有HTML标记后的文本内容(即IE浏览器的DOM元素特有的innerText属性值)。

2、使用语法

$("Element").text();

3、参数

当参数为空时,表示获取该元素的文本内容,而如果方法中包含参数,则表示将参数值设置为元素文本内容。

4、返回值

返回合并了每个匹配元素(包含其后代元素)中的文本内容后的字符串。

5、使用实例

获取指定id的div标签的text

$('#getBtn').click(function() {
// 获取id为div1标签的文本
console.log($('#div1').text());
});

给指定id的div设置文本

$('#setBtn').click(function() {
$('#div1').text("我喜欢唱跳rap篮球!");
});

以上就是jQuery中text()方法的介绍,希望能对你有所帮助哦~更多JavaScript学习推荐:JavaScript教程

免费视频教程
本教程部分素材来源于网络,版权问题联系站长!
相关文章
  python中IDLE是什么意思
  python中PySnooper怎么用
  python如何爬取天猫店铺商品链接?
  python爬虫中需要用到的库有哪些?
  python爬虫中urllib.request和requests有什么区别?
相关视频章节
  python代码缩进
  python命名规范
  《Python程序设计》课程导论
  Python随机模块
视频教程分类