一、簡單語法實例
1、
$(this).hide() 演示 jQuery hide() 函數,隱藏當前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函數,隱藏 id="test" 的元素。 $("p").hide() 演示 jQuery hide() 函數,隱藏所有 <p> 元素。 $(".test").hide() 演示 jQuery hide() 函數,隱藏所有 class="test" 的元素。 2、 文檔就緒函數 您也許已經注意到在我們的實例中的所有 jQuery 函數位於一個 document ready 函數中:$(document).ready(function(){
--- jQuery functions go here ----
});
二、jQuery選擇器 1、jQuery元素選擇器
jQuery 使用 CSS 選擇器來選取 HTML 元素。
$("p") 選取 <p> 元素。
$("p.intro") 選取所有 class="intro" 的 <p> 元素。
$("p#demo") 選取 id="demo" 的第一個 <p> 元素。
2、jQuery屬性選擇器
jQuery 使用 XPath 表達式來選擇帶有給定屬性的元素。
$("[href]") 選取所有帶有 href 屬性的元素。
$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。
$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。
$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。
3、jQuery CSS選擇器
jQuery CSS 選擇器可用於改變 HTML 元素的 CSS 屬性。
下面的例子把所有 p 元素的背景顏色更改爲紅色:
$("p").css("background-color","red");
4、其他選擇器