彻底弄清Jquery中html(), text(), val() 的区别.
彻底弄清Jquery中html(), text(), val() 的区别.
在jquery中存在的三种获取和修改标签的方法.
1.html()
获取选择器所指向的元素的html内容
如果带有参数html(value) 就是修改这个元素的html
2.text()
获取选择器所指向的元素的文本内容
如果带有参数text(value) 就是修改这个元素的文本
3.val()
获取元素的值
如果带有参数val(value) 就是修改这个元素的值
不多说直接看例子
Bootstrap 111222
如果把这段代码中的text 改成html 那么结果是一样的 为什呢?
其实text 和html是有区别., 前者是获取div这个标签里的文本那么就是111222, 而后者是获取div中的一切就是111
222
但是由于都是修改为333所以才造成了.结果一样.那么如果你$('div').text('
444
'); 实际显示是444
如果你$('div').html('444
'); 实际显示是444
下面说val()
Bootstrap 111222
这个就是直接把input中默认显示的your name 改成了lalal 当然val还可以$("select").val().join(','); 这个是吧select标签中选的项全部拿到并用逗号连接.
希望大家能通过这次 彻底搞清楚他们3个
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！