[jQuery]html(),text(),val()方法的区别
2016-12-28 15:22
756 查看
1.HTML
html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档
html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
2.TEXT
text():取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
text(val):设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).
3.VAL
val():获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
上面的内容是在jQuery的帮助文档里拷贝的,也都不废话多说了。下面是自己做的一些练习,代码如下:
在做练习的时候我发现了html和text的另一个不同的地方
html()去元素的内容的时候,能将所选定的元素下面的格式也取到了。
如:<div id="divShow"><b><i>Write Less Do More</i></b></div>
如果我们用var strHTML = $("#divShow").html();取的话,
结果是:<b><i>Write Less Do More</i></b>
如果我们用var strHTML2 = $("#divShow b i").html();取的话
结果是Write Less Do More
而text没有第一种情况,
如果我们var strText = $("#divShow").text();取的话
结果是Write Less Do More
更详细的内容去参考:http://blog.csdn.net/ystyaoshengting/article/details/6698149
html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档
html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
2.TEXT
text():取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
text(val):设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).
3.VAL
val():获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
上面的内容是在jQuery的帮助文档里拷贝的,也都不废话多说了。下面是自己做的一些练习,代码如下:
在做练习的时候我发现了html和text的另一个不同的地方
html()去元素的内容的时候,能将所选定的元素下面的格式也取到了。
如:<div id="divShow"><b><i>Write Less Do More</i></b></div>
如果我们用var strHTML = $("#divShow").html();取的话,
结果是:<b><i>Write Less Do More</i></b>
如果我们用var strHTML2 = $("#divShow b i").html();取的话
结果是Write Less Do More
而text没有第一种情况,
如果我们var strText = $("#divShow").text();取的话
结果是Write Less Do More
更详细的内容去参考:http://blog.csdn.net/ystyaoshengting/article/details/6698149
相关文章推荐
- JQuery 常见方法 VAL () HTML() TEXT() 以及HTML和TEXT的区别
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jquery text(),val(),html()方法区别总结
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jquery方法:text()、val()、html()区别
- jquery text(),val(),html()方法区别总结
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jQuery获取文本节点之-text()/val()/html() 方法区别
- jQuery获取文本节点之 text()/val()/html() 方法区别 详细出处参考:http://www.jb51.net/article/26431.htm
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jQuery获取文本节点之 text()/val()/html() 方法区别
- 实例说明jquery中html()、text()、val()方法的区别
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jquery中html,text与val三者的区别
- jQuery html text val 方法 的异同
- jquery中,html、val与text三者属性取值的联系与区别
- jquery 中,html、val与text三者属性取值的联系与区别
- jquery 中html 、val 与text三者属性取值的联系与区别
- JQuery学习笔记(1):bind()、 html()、val()、text()方法
- jquery中html,text,val的区别