與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...
});
使用你喜歡的語法。 我們認為,文檔準備事件更容易閱讀代碼時理解。