jquery的html()\text()\val()之间的区别问题

答案:2 悬赏:80

解决时间 2021-02-13 13:03

提问者网友：若相守￡卟离
2021-02-12 12:55

最佳答案

二级知识专家网友：猖狂的痴情人
2021-02-12 14:30

html()是获取包括html代码的所有值，例如：<span>测试文字123</span>
text()是获取不包括html代码里的值，例如：测试文字123
val()是获取表单的值，例如input里的：测试文字123
自己写例子尝试下就知道了。

全部回答

1楼网友：情战辞言
2021-02-12 14:47

html() 1. 取得第一个匹配元素的 html文本(可包含html标签) 2. 设置匹配元素的 html文本(可包含html标签) text() 1. 取得第一个匹配元素的纯文本(不包含html标签) 2. 设置匹配元素的文本(当文本中出现html标签时，将处理为字符实体,也就是作为文本而不作为标签) val() 1. 一般针对input标签通过value属性获取和设置值。 2. 设置匹配元素的value值 3. 获取第一个匹配元素input标签value值,若未设置则返回当前值下面是一些测试示例，可以在console面板中查看具体结果 <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ console.log($("p").html()); console.log($("p").text()); $("p").html("Hello <span>world!</span>") console.log($("p").html()); console.log($("p").text()); $("p").text("Hello <span>world!</span>") console.log($("p").html()); console.log($("p").text()); }); }); </script> </head> <body> <p>Hello world!</p> <p>This is another paragraph.</p> <button class="btn1">改变 p 元素的内容</button> </body>

我要举报

如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！