jQuery是一款使用JavaScript編寫的快速、小型、多功能的JavaScript庫,它利用JavaScript語言的優(yōu)秀特性,幫助開發(fā)者更便捷地操作HTML文檔、事件、動畫效果以及AJAX等方面。現(xiàn)在,jQuery 2.0已經(jīng)發(fā)布,它是一個不向后兼容版本,不支持IE 6、7、8瀏覽器。
相較于jQuery 1.x版本,2.x版本的主要改進點如下:
? 代碼整潔度更佳
? 大量API優(yōu)化
? 更嚴格的錯誤校驗
? 加快處理速度
? 去除Internet Explorer瀏覽器下的Hack代碼
如果你是一個JS開發(fā)者,那么你一定不會陌生jQuery中的選擇器、事件綁定、DOM操作等API。現(xiàn)在,你可以使用以下代碼將jQuery 2.0引入你的HTML文檔中:
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
現(xiàn)在,讓我們利用jQuery 2.0來實現(xiàn)一個簡單的例子。假設(shè)我們現(xiàn)在想要在按鈕上點擊時,讓其背景顏色變?yōu)榧t色:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$(this).css("background-color","red");
});
});
</script>
</head>
<body>
<h2>使用jQuery點擊按鈕改變顏色</h2>
<button>點擊我!</button>
</body>
</html>
在上面的代碼中,我們使用了document.ready函數(shù),保證文檔中的DOM元素已經(jīng)加載完畢。然后,通過使用$("button").click()函數(shù),我們?yōu)榘粹o添加了鼠標點擊事件的處理函數(shù)。最后,我們使用$(this).css("background-color","red");將按鈕的背景顏色改變?yōu)榧t色。
通過以上的例子,我們可以看到j(luò)Query 2.0的便捷性以及強大的功能。同時,我們也要注意到j(luò)Query 2.0不再支持老舊的瀏覽器,如果你的項目需要支持IE 6/7/8等瀏覽器,請使用jQuery 1.x版本。