实例说明jquery中html()、text()、val()方法的区别
2017-01-14 11:24
561 查看
1、html()
读取和修改元素的HTML标签。对应js中的innerHTML。
2、text()
读取或修改元素的纯文本内容。对应js中的innerText。
3、val()
读取或修改表单元素的value值。
val()只能使用在表单元素上,html()和text()方法不是被用于表单元素。
读取和修改元素的HTML标签。对应js中的innerHTML。
2、text()
读取或修改元素的纯文本内容。对应js中的innerText。
3、val()
读取或修改表单元素的value值。
val()只能使用在表单元素上,html()和text()方法不是被用于表单元素。
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(){ $("#btn1").click(function(){ alert("label's Text: " + $("#test-label").text()); //label's Text:tttt。 }); $("#btn2").click(function(){ alert("label's HTML: " + $("#test-label").html());//label's HTML:t<b>tt</b>t。 }); $("#btn3").click(function(){ alert("input's Value: " + $("#test-input").val());//input's Value:vv }); $("#btn4").click(function(){ alert("input's Text: " + $("#test-input").text());//input's Text: }); }); </script> </head> <body> <label id="test-label">t<b>tt</b>t。</label> <input id="test-input" value="vv">xx</input> <button id="btn1">显示label的文本</button> <button id="btn2">显示label的HTML</button> <button id="btn3">显示input的Value</button> <button id="btn4">显示input的文本</button> </body> </html>
相关文章推荐
- jquery方法:text()、val()、html()区别
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jQuery获取文本节点之 text()/val()/html() 方法区别 详细出处参考:http://www.jb51.net/article/26431.htm
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jQuery获取文本节点之-text()/val()/html() 方法区别
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jquery text(),val(),html()方法区别总结
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jQuery获取文本节点之 text()/val()/html() 方法区别
- [jQuery]html(),text(),val()方法的区别
- JQuery 常见方法 VAL () HTML() TEXT() 以及HTML和TEXT的区别
- jquery text(),val(),html()方法区别总结
- jQuery中text() val()和html()的区别实例详解
- jquery的html,val,text,attr方法
- jquery html、text、val区别(转)
- jquery中val,text,html,attr的区别
- 浅谈jquery中,html、val与text三者属性取值的联系与区别
- jquery中html,text与val三者的区别
- jquery 中html 、val 与text三者属性取值的联系与区别