jQuery 屬性選擇器
jQuery 使用 XPath 表達式來選擇帶有給定屬性的元素。
$("[href]") 選取所有帶有 href 屬性的元素。
$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。
$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。
$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。
$("p.intro") 所有 class="intro" 的 <p> 元素$("ul li:first") 每個 <ul> 的第一個 <li> 元素
jQuery 事件
| $(document).ready(function) | 將函數綁定到文檔的就緒事件（當文檔完成加載時） |
| $(selector).click(function) | 觸發或將函數綁定到被選元素的點擊事件 |
| $(selector).dblclick(function) | 觸發或將函數綁定到被選元素的雙擊事件 |
| $(selector).focus(function) | 觸發或將函數綁定到被選元素的獲得焦點事件 |
| $(selector).mouseover(function) | 觸發或將函數綁定到被選元素的鼠標懸停事件 |
jQuery 效果
（1）顯示與隱藏
通過 jQuery，您可以使用 toggle() 方法來切換 hide() 和 show() 方法。
顯示被隱藏的元素，並隱藏已顯示的元素：
$(selector).toggle(speed,callback);
可選的 speed 參數規定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。
可選的 callback 參數是 toggle() 方法完成後所執行的函數名稱。
(2) 淡入淡出
$(selector).fadeIn(speed,callback);//淡入已隱藏的元素
$(selector).fadeOut(speed,callback);//淡出可見元素$(selector).fadeToggle(speed,callback);//jQuery fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進行切換。$(selector).fadeTo(speed,opacity,callback);//允許漸變爲給定的不透明度（值介於 0 與 1 之間）(3) 滑動、動畫，stop()Jquery HTML
(1)獲得內容 - text()、html() 以及 val()
- text() - 設置或返回所選元素的文本內容
- html() - 設置或返回所選元素的內容（包括 HTML 標記）
- val() - 設置或返回表單字段的值
- attr() 方法用於獲取屬性值。
（2）jQuery
操作 CSS
- addClass() - 向被選元素添加一個或多個類
- removeClass() - 從被選元素刪除一個或多個類
- toggleClass() - 對被選元素進行添加/刪除類的切換操作
- css() - 設置或返回樣式屬性
Jquery 遍歷
（1）向上遍歷 DOM 樹
- parent() //被選元素的直接父元素
- parents() // 方法返回被選元素的所有祖先元素，它一路向上直到文檔的根元素 (<html>)
- parentsUntil() //返回介於兩個給定元素之間的所有祖先元素
( 2 )向下遍歷 DOM 樹
- children()//返回被選元素的所有直接子元素
- find();//回被選元素的後代元素，一路向下直到最後一個後代
( 3 ) DOM 樹中遍歷元素的同胞元素。
- siblings() //返回被選元素的所有同胞元素,可以使用可選參數來過濾對同胞元素的搜索
- next() //next() 方法返回被選元素的下一個同胞元素,該方法只返回一個元素。
- nextAll() //返回被選元素的所有跟隨的同胞元素。
- nextUntil() //返回介於兩個給定參數之間的所有跟隨的同胞元素
- prev()
- prevAll()
- prevUntil()
( 4 ) 過濾
first() 方法返回被選元素的首個元素。
last() 方法返回被選元素的最後一個元素。
eq() 方法返回被選元素中帶有指定索引號的元素。//$("p").eq(1);以0開始
filter()
方法允許您規定一個標準。不匹配這個標準的元素會被從集合中刪除，匹配的元素會被返回。//$("p").filter(".intro");
not()
方法返回不匹配標準的所有元素。