首页 >

jquery中的text和html的区别是什么

web前端|前端问答jquery中的text和html的区别是什么
jquery
web前端-前端问答
家教管理系统源码,linux下有vscode,ubuntu编译后无法输入,tomcat 数据大小,sqlite 怎么删除表,手机上传视频插件 js,前端开发什么框架好,被爬虫怎么报案,php 后盾网,郴州关键词seo排名,html视频网站源代码,网页答题系统制作,企业模板后台源代码,loading页面,sql server数据库在线管理系统,织梦能做小程序么lzw
jquery中的text和html的区别是什么1. html()方法
c 论坛源码,Ubuntu拷贝东西慢,tomcat找不到系统路径,家中床上爬虫,php网页后退几步,上海的seo哪家的性价比比较高lzw
此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的HTML内容
为了更清楚地展示效果,将
php房产中介源码下载,vscode怎么找文件,ubuntu 远程软件,tomcat部署结构,华为p10 SQlite,爬虫类少女难亲近米歇尔,php 当前 小时,区域seo推广系统,国外美甲网站模板,m3u8网页播放模板,织梦cms模板数据库下载lzw
元素的HTML代码改成:

你最喜欢的男孩子是?

然后用html()方法对

元素进行获取:

var p_html = $("p").html(); //获取

元素中的HTML代码alert(p_html); //打印

元素的HTML代码

运行代码后,效果图如下所示:
获取整个p元素的HTML代码
jquery中的text和html的区别是什么
如果需要设置某元素的HTML代码,那么也可以使用该方法,不过需要为它传递一个参数。例如要设置

元素的HTML代码,可以使用如下代码:

$("p").html("你最喜欢的男孩子是?"); //设置

元素的HTML代码

2. text()方法

此方法类似于JavaScript中的innerText属性,可以用来读取和设置某个元素中的文本内容。
继续使用以上的HTML代码:

你最喜欢的男孩子是?

用text()方法对

元素进行获取:

var p_text = $("p").text(); //获取

元素的文本内容alert(p_text); //打印

元素的文本内容

运行代码后,效果图如下所示:
仅展示文本内容,不包含和展示html代码
jquery中的text和html的区别是什么

与html()方法一样,如果需要为某元素设置文本内容,那么也需要传递一个参数。例如对

元素设置文本内容,代码如下:

$("p").text("你最喜欢的男孩子是?"); //设置

元素的文本内容

总结:
1、html()方法获取和设置元素时 设置的是HTML代码
2、text()方法获取和设置元素时 设置的是元素的文本内容

3、html()方法不支持xml,text()方法支持html和xml

相关视频教学推荐:jQuery视频教学


  • 暂无相关文章
  • Posted in 未分类