jQuery text() 方法和 jQuery html() 十分类似,都用于设置或获取元素的内容。

它们的区别如下:

  • jQuery text() 针对的是text文本内容
  • jQuery html() 针对的是html富文本内容。

例子

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $(".p1").html("welcome <b>yxjc123.com</b>");
	$(".p2").text("welcome <b>yxjc123.com</b>");

    });
});
</script>
</head>
<body>
<button>点击修改下面的p标签的元素内容</button>
<p class="p1">这是第一个段落.</p>
<p class="p2">这是第二个段段.</p>
</body>
</html>

我们看到text()方法输出的原始的html内容text。

jQuery text() 方法和 jQuery html() 方法的区别