设置和获取HTML、文本和值
html()
此方法类似于JavaScript中的innerHTML属性,可以用来读取或设置某个元素中的HTML内容
HTML:
<p><strong>this is strong</strong></p>
jQuery代码:
var _html= $(‘p‘).html();//得到<p>元素的html内容
$(‘p‘).html(‘<span>this is span</span>‘);//设置<p>元素的html内容
结果:
_html内容为<strong>this is strong</strong>
HTML为<p><span>this is span</span></p>
注意! html()方法可以用于XHTML文档,但不能用于XML文档
text()
此方法类似于JavaScript中的innerText属性,可以用于读取或设置某个元素的文本内容
HTML:
<p><strong>this is strong</strong></p>
jQuery代码:
var _html= $(‘p‘).text();//得到<p>元素的html内容
$(‘p‘).text(‘<span>this is span</span>‘);//设置<p>元素的html内容
结果:
_html内容为this is strong
HTML为<p><strong><span>this is span</span></strong></p>
注意!
(1)JavaScript中的innerText属性并不能在Firefox浏览器下运行,e而jQuery的text()方法支持所有的浏览器
(2)text()方法对HTML文档和XML文档都有效
val()
此方法类似于JavaScript中的value属性,可以用来设置和获取元素的值。无论元素是文本框、下拉框还是单选框,他都可以返回元素的值。如果元素为多选,则返回一个包含所有选择的值的数组。
实例详情:http://www.w3school.com.cn/jquery/attributes_val.asp
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。