刚开始接触JQuery的时候,在获取HTML标签内的内容的时候,不知道val()和text()的区别,就拿来用,刚开始的时候获取不到标签内的内容,不知道为什么,到最后发现,val()是用来获取表单元素的值,val()就是value的值,如表单元素input
返回的就是“This is a text”
返回的就是“”(空的字符串)
<input type="text" value="This is a text" name="demo" >
使用JQuery获取上面表单的值:
$("input[name=demo]").val();
返回的就是“This is a text”
如果用一下语句的话:
$("input[name=demo]").text();
返回的就是“”(空的字符串)
查看JQuery的帮助文档,可以看见:
获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法:
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容(包括 HTML 标记)
- val() - 设置或返回表单字段的值
原先用错只是因为没有认真的阅读文档,这是我烦的错误,希望大家能够避免。