关于jquery中html()、text()、val()的区别
2016-07-28 17:28
525 查看
.html()用为读取和修改元素的HTML标签 对应js中的innerHTML
.html()是用来读取元素的HTML内容(包括其Html标签),.html()方法使用在多个元素上时,只读取第一个元素
.text()用来读取或修改元素的纯文本内容 对应js中的innerText
text()用来读取元素的纯文本内容,包括其后代元素;.text()方法不能使用在表单元素上
.val()用来读取或修改表单元素的value值
.val()是用来读取表单元素的"value"值,.val()只能使用在表单元素上
关于三者的区别
1. .val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。
2 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
.html()是用来读取元素的HTML内容(包括其Html标签),.html()方法使用在多个元素上时,只读取第一个元素
.text()用来读取或修改元素的纯文本内容 对应js中的innerText
text()用来读取元素的纯文本内容,包括其后代元素;.text()方法不能使用在表单元素上
.val()用来读取或修改表单元素的value值
.val()是用来读取表单元素的"value"值,.val()只能使用在表单元素上
关于三者的区别
1. .val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。
2 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
相关文章推荐
- jquery Datatables 行数据删除、行上升、行下降功能演示
- JSP----jQuery插件ContextMenu生成右键菜单
- jquery 取值赋值
- jquery之动态级联下拉列表
- jquery的closest方法和parents方法的区别
- css选择器与jquery选择器
- jQuery EasyUI DataGrid 编辑列下拉框做级联操作
- 子节点 和 js 选择和jquery选择
- jquery操作复选框(checkbox)的12个小技巧总结
- jQuery的deferred对象详解
- jquery 滚动监控
- 懒加载jquery.lazyload.js
- jQuery.extend 函数详解
- 使用jQuery操作元素的属性与样式
- jQuery-ui包的使用方式
- jQuery插件开发全解析
- Jquery一些常用功能
- jQuery插件开发详细教程
- jQuery插件的开发
- jQuery的事件绑定与事件委托