jquery中html 与 text方法的区别
来源:互联网 发布:大疆无人机香港知乎 编辑:程序博客网 时间:2024/06/06 23:17
通常在用jquery写ajax时,都会用到html()这个方法,而不用text()这个方法,他们之间有什么区别呢?
首先,html属性中有两个方法,一个有参,一个无参。下面我们都用实例来看看,这样比较容易帮助理解。
1. 无参html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档,返回的是一个String
例子:
html页面代码:<div><span>Hello</span></div>
jquery代码:$(“div”).html();
结果:<span>Hello</span>
2.有参html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象
html页面代码:<div></div>
jquery代码:$(“div”).html(“<p>Nice to meet you</p>”);
结果:<div><p> Nice to meet you</p></div>(html标签会被浏览器识别)
其次,text属性中有两个方法,一个有参,一个无参
1. 无参text():取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String。
例子:
html页面代码:<p><span>Hello<span><div> fine</div></p>
jquery代码:$(“p”).text();
结果:Hello
fine
2.有参text(val):设置所有匹配元素的文本内容,与 html() 类似, 但将编码 HTML (将 “<” 和 “>” 替换成相应的HTML实体).返回一个jquery对象。
html页面代码:<div>Paragraph.</div>
jquery代码:$(“div”).text(“<b>Some</b> new text.”);
结果: <p><b>Some</b> new text.</p>(html标签不会被浏览器识别,而是当作字符串来输出)
通过上面的例子,我们知道了,html()方法与text()方法的区别就在于对html标签的识别上不同。
- jquery中html 与 text方法的区别
- Jquery--text()与html()方法的区别
- jquery html-与-text方法的区别
- jquery中html与text的区别
- jQuery中,html、val与text的区别与联系
- jquery 中的html()方法与text()的区别
- jquery中html()和text()方法区别
- 实例说明jquery中html()、text()、val()方法的区别
- JQuery中 .val() .text() .html()方法的区别
- jquery中html(),text(),val()方法的区别
- jquery中html,text与val三者的区别
- jquery中html,text,val的区别
- jquery中html()、text()、val()的区别
- jquery中html()、text()、val()的区别
- jquery中html()、text()、val()的区别
- jquery中html()、text()、val()的区别
- jquery中html、text、val的区别
- jQuery中html()、text()、val()的区别
- 二叉查找(最简单的递归)
- 快速排序
- 1: Command Line Python(Challenge: Working with the Command Line)
- PLSQL Developer 导入中文数据出现乱码
- Android应用性能优化之分析工具
- jquery中html 与 text方法的区别
- 基于 Webpack & Vue & Vue-Router 的 SPA 初体验
- centos 下面在虚拟环境下如何安装psycopg2数据库驱动?
- com.google.android.xts.location.LocationHostTest--testSetting fail
- java的构造函数
- input type=number的 小数设置
- 回忆java来时路-第二章 对象之外
- 【小白】小白也要玩直播-WCF/MVC实现简单直播
- macos 提交到iTunes connect错误解决方案