jQuery的html(),text()和val()比较
2016-07-06 14:52
387 查看
.html()用为读取和修改元素的HTML标签;
.text()用来读取或修改元素的纯文本内容;
.val()用来读取或修改表单元素的value值;
一看黑体的部分,所以把text和html分为一组,他们都是对元素取值或设置,只有val是对表单元素的。
html和val 都是读取时,取第一个匹配的值,但是设置时却是设置每一个匹配的值,所以在使用当中如无必要,元素的Id保持唯一。
text则是取所有匹配元素的纯文本内容,设置时设置所有匹配元素的文本内容。
例子:
<div id="divShow"><b><i>Write Less Do More</i></b></div>
如果我们用var strHTML = $("#divShow").html();取的话,
结果是:<b><i>Write Less Do More</i></b>
如果我们用var strHTML2 = $("#divShow b i").html();取的话
结果是:Write Less Do More
而text没有第一种情况,
如果我们var strText = $("#divShow").text();取的话
结果是:Write Less Do More
.text()用来读取或修改元素的纯文本内容;
.val()用来读取或修改表单元素的value值;
一看黑体的部分,所以把text和html分为一组,他们都是对元素取值或设置,只有val是对表单元素的。
html和val 都是读取时,取第一个匹配的值,但是设置时却是设置每一个匹配的值,所以在使用当中如无必要,元素的Id保持唯一。
text则是取所有匹配元素的纯文本内容,设置时设置所有匹配元素的文本内容。
例子:
<div id="divShow"><b><i>Write Less Do More</i></b></div>
如果我们用var strHTML = $("#divShow").html();取的话,
结果是:<b><i>Write Less Do More</i></b>
如果我们用var strHTML2 = $("#divShow b i").html();取的话
结果是:Write Less Do More
而text没有第一种情况,
如果我们var strText = $("#divShow").text();取的话
结果是:Write Less Do More
相关文章推荐
- Jquery
- 导航菜单 gooey-menu jQuery液态融合(gooey)样式导航菜单插件(精)
- jQuery给一个元素绑定事件前,一次点击会多次触发的问题所在
- jQuery插件
- jQuery中html()方法浏览器兼容问题
- 用jQuery Mobile做HTML5移动应用的三个优缺点
- jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解
- Ajax异步请求
- 腾讯管家与本地运行的jquery冲突,影响页面请求速度
- JqueryEasyui
- 动态删除li标签
- jquery增删表格行tr
- JQuery快速入门
- jQuery笔记
- jQuery-searchableSelect(下拉搜索框)
- jquery判断checked的三种方法解释:
- jQuery.noConflict() 函数详解
- jquery选择器整理
- 强大的jquery ajax
- JQuery.cookie() 方法的使用(读取、写入、删除)