jquery.text()和.html()的原理

     用过jquery肯定知道jquery的.text和.html的用法，但是为什么浏览器就会区别呢？

现象：

<script>
    $(function(){
        $('.J_html').html('<a href="www.baidu.com">百度</a>');
        $('.J_text').text('<a href="www.baidu.com">百度</a>');
    })
</script>
    <div class="J_html"></div>
    <div class="J_text"></div>

原理：

其实就是转义字符，'.text'是将'<','>'等转换为显示相同的符号，仅此而已，

如下是'.html'的结果；

<div class="J_html"><a href="www.baidu.com">百度</a></div>

下面是‘.text’的结果：

<div class="J_text">&lt;a href="www.baidu.com"&gt;百度&lt;/a&gt;</div>

用的转义字符，所以显示文本，因为并不是真的括号。

部分转义字符：

显示	说明	实体名称	实体编号
	半方大的空白	 	 
	全方大的空白	 	 
	不断行的空白格	 	 
<	小于	&lt;	&#60;
>	大于	&gt;	&#62;
&	&符号	&amp;	&#38;
"	双引号	&quot;	&#34;
©	版权	&copy;	&#169;
®	已注册商标	&reg;	&#174;
™	商标（美国）	™	&#8482;
×	乘号	&times;	&#215;
÷	除号	&divide;	&#247;