jquery html()和text()函數的區別

 

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>

 

頁面顯示成:

 

 

發佈了235 篇原創文章 · 獲贊 8 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章