jQuery 入門教程(二): 基本文法

標籤：c   class   code   java   a   使用   

學習jQuery之前需要你有下面幾個方面的基本知識

• HTML
• CSS
• JavaScript

jQuery 的基本文法

$(selector).action()

•  $ 符合定義這是一個jQuery語句
•  (selector) 用來選擇某個HTML元素，其文法和CSS的selector文法一樣。
• action() 定義操作該HTML元素的方法。

比如：

$(this).hide() – 隱藏當前元素.

$(“p”).hide() – 隱藏所以 <p> 元素.

$(“.test”).hide() -隱藏所以類名為test的元素.

$(“#test”).hide() - 隱藏ID為test的元素。

文檔準備好事件

幾乎所有的jQuery 都有如下的代碼：

 

$(document).ready(function(){   // jQuery methods go here... }); 

這為Document Ready事件處理器以防止jQuery在頁面沒有完成載入前就執行。從而可以避免下面類似情況發生：
試圖隱藏尚未建立好的元素
試圖擷取尚未載入的圖片的大小

這個方法也可以使用下面簡化的方法：

$(function(){   // jQuery methods go here... }); 

你可以選擇你喜歡的方式，但通常還是採用$(document).ready(function(){的方式以便於代碼的閱讀。