Tag标签 | 收藏本站 | 设为首页 | 参考书籍 | web前端技术交流①群:WEB前端技术交流群 会员登录 | 会员注册

首页文字描述

会员投稿 RSS订阅 专注web前端: 要么读书、要么旅行,身体和精神必须要有一个在路上。【每天一小步,成功一大步】
搜索: 您的位置主页 > WEB前端 > Jquery/JS > Jquery中html()、text()和val()的区别 Jquery基础知识
隐藏/显示侧边栏

Jquery中html()、text()和val()的区别 Jquery基础知识

2013-11-19 11:26    来源:http://www.cgner.com    责任编辑:程管网    字号【
初学Jquery都容易把html()、text()、val()混淆,下面详细介绍他们的区别。

1.    .html()用为读取和修改元素的HTML内容。(包含html部分和内容部分)
2.   .text()用来读取或修改元素的纯文本内容。
3.   .val()用来读取或修改表单元素的value值。
这三个方法功能上的对比

注意区别:.html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的HTML内容(包括其Html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。

.html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。
.html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。


对于text()和html()来说,获取元素内部的值的用法基本上是一样的,结果是由所有匹配元素包含的文本内容组合起来的文本,如<p>...</p>  <dt>...<dt>等等,所以xml和html都可以获取(元素闭合)

而对于val() 则是获得第一个匹配元素的当前值,比如<input type="text" value="sdfdsf"> 那么利用这个方法将获得的是input 元素的value值,而利用text()方法是获取不到的,因为不是闭合元素

更多
Tags 标签:
责任编辑:程管网
设为首页 | 加入收藏 | 关于我们| 版权声明 | 在线留言 | 网站地图 |