最新的Web開發教程
 

jQuery句法


與jQuery選擇(查詢)HTML元素並對其進行“動作”。


jQuery的語法

jQuery的語法是專為上選擇 HTML元素並執行一些動作 element(s)

基本語法是: $(selector).action()

  • 一個$符號定義/ jQuery的訪問
  • A(選擇)為“查詢(或發現)”HTML元素
  • 這個jQuery action ()要在執行上的element(s)

例子:

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

$("p").hide() -隱藏所有<p>元素。

$(".test").hide() -隱藏與所有元素class="test"

$("#test").hide() -隱藏與元素id="test"

你熟悉CSS選擇器?

jQuery使用CSS語法選擇元素。 您將了解更多關於選擇器語法在本教程的下一章。


該文檔準備事件

您可能已經注意到,在我們的例子中所有的jQuery方法,在文檔準備好事件中:

$(document).ready(function(){

  // jQuery methods go here...

});

這是為了防止任何jQuery的代碼運行文檔完成加載(就緒)之前。

這是很好的做法,以等待該文檔是在使用它之前完全加載並準備。 這也可以讓您的文檔正文之前有你的JavaScript代碼,在頭部分。

下面是如果方法文檔之前運行可能失敗的行動的一些例子滿載:

  • 試圖隱藏尚未創建一個元素
  • 試圖獲得一個尚未加載的圖像的大小

提示:jQuery開發團隊還創建了文檔準備事件更短的方法:

$(function(){

  // jQuery methods go here...

});

使用你喜歡的語法。 我們認為,文檔準備事件更容易閱讀代碼時理解。