jQuery語(yǔ)法是通過(guò)使用HTML元素選擇器進(jìn)行的,并對(duì)元素執(zhí)行一些操作。
jQuery基本語(yǔ)法:
$(selector).action()
$ 標(biāo)志定義jQuery
(selector) 用于查找HTML元素
action() 用于對(duì)元素執(zhí)行操作
示例:
$(this).hide():用于隱藏當(dāng)前元素
$("p").hide():用于隱藏所有<p>元素
$(".para").hide():用于隱藏所有帶有class="para"的元素
$("#para").hide():用于隱藏id="para"的元素
jQuery使用CSS語(yǔ)法選擇元素。在下一章中,您將了解有關(guān)jQuery選擇器的更多信息。
您可能已經(jīng)注意到我們示例中的所有jQuery方法都在document.ready事件中:
$(document).ready(function(){ // jQuery方法(DOM就緒時(shí)執(zhí)行) });
這是為了防止文檔加載完成之前運(yùn)行任何jQuery代碼。
正確的做法是等待文檔完全加載并準(zhǔn)備就緒,然后再使用它。
這也使您可以在文檔正文的開(kāi)頭部分獲取JavaScript代碼。
如果在完全加載文檔之前運(yùn)行方法,以下是一些操作失敗的示例:
嘗試選擇尚未創(chuàng)建的元素
嘗試獲取尚未加載的圖像的大小
jQuery還為document.ready事件提供了一個(gè)更短的方法:
$(function(){ // jQuery方法,與以上寫(xiě)法效果相同 });
在$(document).ready()更容易閱讀代碼時(shí)理解。
注意:這$(document).ready()是一個(gè)事件,該事件用于使用jQuery安全地操縱頁(yè)面(此事件中的代碼僅在DOM準(zhǔn)備就緒后才運(yùn)行)。