Web教程--JQuery的語法

JQuery是一個小型、快速、功能豐富的javascript庫,它簡化了DOM樹遍歷和它的操作。也能處理事件、Ajax以及CSS動畫。其主要是用來簡化DOM元素的選擇、查詢和操作語法及其屬性。JQuery可用於查詢文件中包含特定屬性的元素,或修改其屬性或響應事件。

Web教程--JQuery的語法

JQuery語法

JQuery語法是透過選取HTML元素,並對選取的元素執行某些操作。JQuery語句通常以美元符號($)開頭,以分號(;)結尾。

基礎語法:

$(selector)。action()1複製程式碼型別:[javascript]

美元符號定義JQuery

選擇符(selector)”查詢”和”查詢”HTML元素

JQuery的action()執行對元素的操作

$(selector)從DOM樹中選擇HTML元素,以便可以對其進行操作,並對action()選定的元素執行一些操作,例如更改CSS屬性值或設定元素的內容等。

文件就緒事件

您也許已經注意到在我們的例項中的所有JQuery函式位於一個daaocumentready函式中:

$(document)。ready(function(){ // 開始寫 jQuery 程式碼。。。 });1複製程式碼型別:[javascript]

這是為了防止文件在完全載入(就緒)之前執行JQuery程式碼,即在DOM載入完成後才可以對DOM進行操作。

如果在文件沒有完全載入之前就執行函式,操作可能失敗。下面是兩個具體的例子:

試圖隱藏一個不存在的元素

獲得未完全載入的影象的大小

簡潔寫法(與以上寫法效果相同):

$(function(){ // 開始寫 jQuery 程式碼。。。 });1複製程式碼型別:[javascript]

您可以使用任何喜歡的語法,因為這兩種語法是等效的。

頂部