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

 

转载于:https://www.cnblogs.com/kuangxin/p/4244204.html