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>
頁面顯示成: