设置和获取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

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。