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

如题。这三者有什么区别?通常用法是什么?... 如题。这三者有什么区别?通常用法是什么? 展开
 我来答
LunnLew
2014-05-11 · 超过32用户采纳过TA的回答
知道答主
回答量:39
采纳率:100%
帮助的人:67.5万
展开全部

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>
百度网友76b68dd
2014-05-11 · TA获得超过1130个赞
知道小有建树答主
回答量:480
采纳率:66%
帮助的人:303万
展开全部
html()是获取包括html代码的所有值,例如:<span>测试文字123</span>
text()是获取不包括html代码里的值,例如:测试文字123
val()是获取表单的值,例如input里的:测试文字123
自己写例子尝试下就知道了。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式