jquery學習筆記

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 選擇器語法的組合。在本教程接下來的章節，您將學習到更多有關選擇器的語法

文檔就緒函數

您也許已經注意到在咱們的實例中的全部 jQuery 函數位於一個 document ready 函數中：

$(document).ready(function(){

--- jQuery functions go here ----

});

這是爲了防止文檔在徹底加載（就緒）以前運行 jQuery 代碼。

若是在文檔沒有徹底加載以前就運行函數，操做可能失敗。下面是兩個具體的例子：

• 試圖隱藏一個不存在的元素
• 得到未徹底加載的圖像的大小

jquery中的this 究竟是什麼意思？ $(this)

若是你學過面嚮對象語言的話，例如JAVA，你應該明白這個this在JAVA裏的意思，簡單的說，誰在調用它，它就表明文誰。
那麼，用到這個jquery裏，也算是蠻簡單的.舉兩個例子，一個是單個對象，一個是li元素集合
例1：
$("#btnConfirm").click(function(){
alert($(this).val()); //看這裏，this表明的其實就是這個ID爲btnConfirm的按鈕,由於你如今點擊的是ID爲btnConfirm的按鈕,那麼this就是它
});
例子2:$("ul li").each(function(){
alert( $(this).text()); //這裏的this表明的是迭代的每一個li元素,由於每次迭代，獲得的都是一個<li>元素,那麼這個時候this 就表明着這個當前的<li>元素
})