鍍金池/ 教程/ HTML/ jQuery 是什么?
jQuery
jQuery 是什么?

jQuery 是什么?

jQuery是什么 ?

jQuery是一個快速，簡潔的JavaScript庫，由John Resig創(chuàng)建于2006年，有一個很好的座右銘：少寫，多做。

jQuery 簡化了 HTML 文檔遍歷，事件處理，動畫和Ajax交互快速Web開發(fā)的。

jQuery是一個JavaScript工具包，旨在簡化各種任務，通過編寫更少的代碼。這里是重要的支持jQuery的核心功能列表：

  • DOM操作: jQuery 很容易地選擇DOM元素，遍歷和修改其內(nèi)容，通過使用跨瀏覽器的開源選擇器引擎稱為Sizzle(嘶嘶聲)。 

  • 事件處理: jQuery提供了一個優(yōu)雅的方式來捕捉各種各樣的事件，比如用戶點擊一個鏈接，而無需雜亂的HTML代碼本身與事件處理程序.

  • AJAX 支持: jQuery 幫助采用AJAX技術，開發(fā)一個具有響應性的和功能豐富的網(wǎng)站.

  • 動畫: jQuery提供了大量的內(nèi)置動畫效果，可以在網(wǎng)站中使用。

  • 輕量級: jQuery是非常輕量級的庫 - 大小約19KB（精縮和gzip壓縮）。

  • 跨瀏覽器支持: jQuery有跨瀏覽器的支持，以及在IE6.0+，F(xiàn)F2.0+，Safari 3.0以上版本，Chrome和Opera9.0+

  • 最新技術: jQuery的支持CSS3選擇器，基本的XPath語法。

如何安裝jQuery？

這是很簡單的事情需要設置使用jQuery庫。必須進行兩個簡單的步驟：

  1. 轉(zhuǎn)到下載頁面下載最新版本。 

  2. 現(xiàn)在把 jquery1.8.min.js 下載文件在網(wǎng)站的目錄，例如/jquery。

下載的文件名 jquery1.8.min.js 版本可能會有所不同。

jQuery沒有要求任何特殊的安裝非常類似于JavaScript，我們并不需要任何編譯或建立階段使用jQuery。

如何使用jQuery庫？

現(xiàn)在，可以在HTML文件內(nèi)容如下：包括jQuery庫

<html>
<head>
<title>The jQuery Example</title>
   <script type="text/javascript" 
   src="/jquery/jquery-1.8.min.js"></script>
   <script type="text/javascript">
      // you can add our javascript code here 
   </script>   
</head>
<body>
........
</body>
</html>

如何調(diào)用jQuery庫功能？

由于幾乎所有的東西，我們做的時候使用jQuery讀取或操縱的文檔對象模型（DOM），我們需要確保我們開始添加事件等，只要DOM準備好。

如果您想要一個事件工作網(wǎng)頁上，應該調(diào)用它里面的$(document).ready() 函數(shù)。它里面的一切都將載入盡快DOM加載之前加載頁面內(nèi)容。

要做到這一點，我們需要注冊一個ready事件的文件如下：

$(document).ready(function() {
   // do stuff when DOM is ready
 });

調(diào)用任何jQuery庫函數(shù)，使用HTML腳本標簽，如下圖所示：

<html>
<head>
<title>The jQuery Example</title>
   <script type="text/javascript" 
   src="/jquery/jquery-1.3.2.min.js"></script>
   
   <script type="text/javascript" language="javascript">
   // <![CDATA[
   $(document).ready(function() {
      $("div").click(function() {
        alert("Hello world!");
      });
   });
   // ]]>
   </script>

</head>
<body>
<div id="newdiv">
Click on this to see a dialogue box.
</div>
</body>
</html>

如何使用自定義腳本？

這是更好地在自定義的JavaScript文件：custom.js寫我們的自定義代碼，具體如下：

/* Filename: custom.js */
$(document).ready(function() {
  $("div").click(function() {
	alert("Hello world!");
  });
});

現(xiàn)在，我們可以在HTML文件如下包括custom.js文件：

<html>
<head>
<title>The jQuery Example</title>
   <script type="text/javascript" 
   src="/jquery/jquery-1.8.2.min.js"></script>
   <script type="text/javascript" 
   src="/jquery/custom.js"></script>
</head>
<body>
<div id="newdiv">
Click on this to see a dialogue box.
</div>
</body>
</html>

使用多個庫：

可以使用多個庫都在一起，要彼此沒有沖突。例如，可以用 jQuery 和 MooTool javascript庫在一起。

可以查看jQuery noConflict方法的更多細節(jié)。

下一步是什么？

不要擔心太多，如果不明白上面的例子。他們很快在隨后的章節(jié)學習和熟悉。

下一章將試圖掩蓋一些基本的概念都來自傳統(tǒng)的JavaScript。


上一篇：jQuery