通過 jQuery,您可以選取(查詢,query) HTML 元素,并對(duì)它們執行“操作(zuò)”(actions)。
$(this).hide()
演示 jQuery hide() 函數,隐藏當前的 HTML 元素。
$("#test").hide()
演示 jQuery hide() 函數,隐藏 id="test" 的元素。
$("p").hide()
演示 jQuery hide() 函數,隐藏所有
元素。
$(".test").hide()
演示 jQuery hide() 函數,隐藏所有 class="test" 的元素。jQuery 語法
jQuery 語法是爲 HTML 元素的選取編制的,可以對(duì)元素執行某些(xiē)操作(zuò)。
基礎語法是:$(selector).action()
美(měi)元符号定義 jQuery
選擇符(selector)“查詢”和(hé)“查找” HTML 元素
jQuery 的 action() 執行對(duì)元素的操作(zuò)
示例
$(this).hide() - 隐藏當前元素
$("p").hide() - 隐藏所有段落
$(".test").hide() - 隐藏所有 class="test" 的所有元素
$("#test").hide() - 隐藏所有 id="test" 的元素
提示:jQuery 使用(yòng)的語法是 XPath 與 CSS 選擇器語法的組合。在本教程接下(xià)來(lái)的章節,您将學習到(dào)更多有關選擇器的語法。
文(wén)檔就緒函數
您也(yě)許已經注意到(dào)在我們的實例中的所有 jQuery 函數位于一個 document ready 函數中:
$(document).ready(function(){
// jQuery functions go here
});
這(zhè)是爲了(le)防止文(wén)檔在完全加載(就緒)之前運行 jQuery 代碼。
如果在文(wén)檔沒有完全加載之前就運行函數,操作(zuò)可能(néng)失敗。下(xià)面是兩個具體的例子:
試圖隐藏一個不存在的元素
獲得未完全加載的圖像的大(dà)小(xiǎo)
網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發