JQuery的html函数和text函数的区别

河马开源

于 2012-11-09 22:22:36 发布

阅读量747

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/rotating_windmill/article/details/8168050

区别：html函数返回的是标签中的所有内容，text函数返回的是标签中的文本内容，如果标签中除了有文本和标签，那么html函数返回的是内容是文本和标签，而text函数只会返回文本的内容，其它的不会返回。

例子：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html函数和text函数的区别</title>
<script type="text/javascript" src="jquery-core/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("html函数获得的值："+$("#p1").html()+
"\ntext函数获得的值："+$("#p1").text()
);
});
</script>
</head>
<body>
<p id="p1"><font color="red"><b></b>这是一个p标签</b></font></font></p>
</body>
</html>