jQuery 語法
jQuery 語法
通過 jQuery，您可以選取（查詢，query） HTML 元素，并對它們執行“操作”（actions）。
1. jQuery 語法
jQuery 語法是為 HTML 元素的選取編制的，可以對元素執行某些操作。
基礎語法是：$(selector).action()
- 美元符號定義 jQuery
- 選擇符（selector）“查詢”和“查找” HTML 元素
- jQuery 的 action() 執行對元素的操作
示例
$(this).hide() - 隱藏當前元素
$("p").hide() - 隱藏所有段落
$(".test").hide() - 隱藏所有 class="test" 的所有元素
$("#test").hide() - 隱藏所有 id="test" 的元素
提示：jQuery 使用的語法是 XPath 與 CSS 選擇器語法的組合。在本教程接下來的章節，您將學習到更多有關選擇器的語法。
2. jQuery 語法范例
- $(this).hide()
- $("#test").hide()
- $("p").hide()
- $(".test").hide()
演示 jQuery hide() 函數，隱藏當前的 HTML 元素。
演示 jQuery hide() 函數，隱藏 id="test" 的元素。
演示 jQuery hide() 函數，隱藏所有 <p> 元素。
演示 jQuery hide() 函數，隱藏所有 class="test" 的元素。
3. 文檔就緒函數
您也許已經注意到在我們的范例中的所有 jQuery 函數位于一個 document ready 函數中：
$(document).ready(function(){
--- jQuery functions go here ----
});
這是為了防止文檔在完全加載（就緒）之前運行 jQuery 代碼。
如果在文檔沒有完全加載之前就運行函數，操作可能失敗。下面是兩個具體的例子：
- 試圖隱藏一個不存在的元素
- 獲得未完全加載的圖像的大小
相關文章
- jQuery 選擇器
- jQuery 參考手冊 Ajax
- jQuery 事件 mouseover() 方法
- jQuery 核心 jQuery() 方法
- jQuery 數據 jQuery.data() 方法
- jQuery 遍歷 jQuery.queue() 方法
- jQuery 遍歷 andSelf() 方法
- jQuery 遍歷 children() 方法
- jQuery 遍歷 parent() 方法
- jQuery 遍歷 slice() 方法
- jQuery ajax ajaxError() 方法
- jQuery ajax getScript() 方法
- jQuery ajax serialize() 方法
- jQuery CSS 操作 offsetParent() 方法
- jQuery 屬性操作 removeClass() 方法
- jQuery 文檔操作 prepend() 方法
- jQuery 文檔操作 unwrap() 方法
- jQuery 文檔操作 wrap() 方法
- jQuery :animated 選擇器
- jQuery :enabled 選擇器
學習JQuery