jQuery 語法的設計理念是選擇一個特定的 element 並在該 element 上執行某個特定的功能,因此它的基本語法就是 $(selector).action(),其中 selector 的概念跟 CSS 類似,而 action() 即代表執行的功能。例如,在jQuery 的第一個範例中,我們用過
- $(xml).find("areas"):其中 $(xml) 中的 xml 代表 callback 執行後的結果,而這個回傳的結果代表一個 XML 文件,而 find("areas") 這個功能就是從該 XML 文件找出名稱為 areas 的節點。
- $(xml).find("areas").find("area"):$(xml).find("areas") 的結果是一棵樹的根結點,而 find("area") 就是從這個根節點找出所有名稱為 area 的子結點。
- $(xml).find("areas").find("area").each(function...):當找出所有的 area 子節點之後,each() 這個功能就是針對每一個節點進行處理,而處理的功能定義在 function() 內。
- $(this).text():$(this) 中的 this 代表目前的 context node,而 text() 功能就是回傳這個節點的文字內容。