码迷,mamicode.com
首页 > Web开发 > 详细

设置和获取HTML、文本和值

时间:2015-01-23 16:11:06      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

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

 

设置和获取HTML、文本和值

标签:

原文地址:http://www.cnblogs.com/kuangxin/p/4244204.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!