本文通过实例展示了HTML()和text()方法在jQuery中的应用，详细解释了两者在获取和设置元素内容时的不同之处。
html()和text()都是jQuery文档操作方法。首先看一下在W3C中的定义，
对于html()：html() 方法返回或设置被选元素的内容(inner HTML)。如果该
方法未设置参数，则返回被选元素的当前内容，且返回的是字符串；对于
text()：text() 方法方法设置或返回被选元素的文本内容。
看下面的例子：
<body>
<div><p>html()方法和text()方法区别</p></div>
<buttonclass="btn">获得元素的文本内容</button>
</body>
<script>
$(document).ready(function(){
$(".btn1").click(function(){
alert($("div").html()); //点击按钮弹出 <p> html()方法和text()方法区别</p>
//alert($("div").text()); //点击按钮弹出 html()方法和text()方法区别
});
});
</script>
可以看到，对于”<div><p>html()方法和text()方法区别</p></div>”，html()弹出
的是”<p>html()方法和text()方法区别</p>”，text()弹出的是” html()方法和text()方法
区别”，没有p标签。
Html()和text()区别有点类似value与innerHTML区别，对于value与innerHTML区别，
大家可以查看
http://blog.youkuaiyun.com/zza000000/article/details/50100569
扫一扫
2155
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
