html作为赋值函数时,不会转义参数,也就是说,下面这段代码
$("some_selector").html("<a href="some_url">点击这里</a>");
不会转义链接标签的尖括号,
text作为赋值函数时,会转义尖括号,上面的链接会以明文的形式显示在页面上。
从两个函数的名称可以知道,html就是将文本以html对待,而text是将文本以text的形式对待
比如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var val = "<a href='www.baidu.com'>点击这里</a>"; $("#bentest").html(val); $("#bentest2").text(val); }); </script> <div id="bentest">fsdfs</div> <div id="bentest2">fdfsd</div> </body> </html>
页面显示成: