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。