当前位置：网络安全 > jQuery的text()方法用法分析[jquery]

jQuery的text()方法用法分析[jquery]

发布：2023-09-29 05:51

web前端|js教程

jQuery, text(), method ,用法

网络前端- js教程

代理验证源码，如何清理vscode，ubuntu yum，tomcat修改内存配置，爬虫his，php递归返回，如何提高seo优化能力，秒刷新网站源码，css模板applzw

该方法返回或设置匹配元素的文本内容。
更多信息请参考参考手册text()方法。

聊天室源码系统，ubuntu重启电脑就死机，如何配置tomcat内存优化，反向爬虫技巧，php编写企业网站，siggua seolzw

特别说明：

卫星电视直播网页版源码代码，ubuntu桌面不能玩大，雪球大v爬虫，php修改器，seo网站优化lzw

HTML内容是指内容可以包含HTML标签，可以被浏览器渲染。
文本内容是先将内容中的HTML预定义字符转换为html字符实体，这样HTML标签就不会被渲染。

text()方法的用法：

用法1：

当该方法不带参数时，其作用是获取所有匹配元素的文本内容，结果是所有匹配元素包含的文本内容组合而成的文本。

该方法与不带参数的html()方法类似，但还是有很大的区别：

1。 html()方法获取第一个匹配元素的内容，而text()方法获取所有匹配元素中包含的内容。
2。 html()方法获取的是html内容，而text()方法获取的是文本内容。

示例代码如下：


text() 函数-脚本主页
div{
高度:150px;
宽度:150px;
背景颜色:绿色;
上边距:10px;
}

$(文档).ready(函数( ){
 $("按钮").click(function(){
alert($("div").text());
 })
})

 html 区域
 DIV+CSS 区域
 jquery 区域

上面的代码可以弹出并获取div中的所有文本内容。

用法2：

带参数，设置所有匹配元素的文本内容。
该方法与带参数的 html() 方法类似，但还是有很大区别：
text() 方法设置匹配元素的文本内容，会使用 HTML 中的保留字符（如大于号（>））转换为html字符实体才能正确显示，html()方法是设置匹配元素的html内容。

示例代码：


text() 函数-脚本主页
div{ 
高度:150px;
宽度:150px;
背景颜色:绿色;
上边距:10px;
}

$(文档).ready(函数( ){
 $("button").click(function(){
 $("div").text("这是一个内联元素");
alert($("div") .html())
 })
})

原创内容

示例代码三：


text() 函数-脚本主页
div{
高度:150px;
宽度:150px;
背景颜色:绿色;
上边距:10px;
}

$(文档).ready(函数( ){ 
$("按钮").click(function(){
 $(".html").html("好好学习");
 $(". text").text("好好学习"); 
})
})