這節課我們重點學習jquery查詢元素

  document.write("<script src='jquery1.9.js'></script>");



/**

 * DOM樹的元素結點就是各個標籤

 */



/*

jQuery 元素選擇器

jQuery 使用 CSS 選擇器來選取 HTML 元素。



$("p") 選取 <p> 元素。



$("p.intro") 選取所有 class="intro" 的 <p> 元素。



$("p#demo") 選取所有 id="demo" 的 <p> 元素。





jQuery 屬性選擇器

jQuery 使用 XPath 表示式來選擇帶有給定屬性的元素。



$("[href]") 選取所有帶有 href 屬性的元素。



$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。



$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。



$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。



 */



//選擇name屬性為abc的a標籤

 
var $a = $("a[name='abc']");



/*

* 這些 jQuery 方法很有用，它們用於向上遍歷 DOM 樹：



parent()  只有這個常用

parents()

parentsUntil()

*/



/*

jQuery children() 方法

children() 方法返回被選元素的所有直接子元素。



該方法只會向下一級對 DOM 樹進行遍歷。



jQuery find() 方法

find() 方法返回被選元素的後代元素，一路向下直到最後一個後代。

* */



/*

有許多有用的方法讓我們在 DOM 樹進行水平遍歷：



siblings()

next()   只有這個常用，就是找本元素節點的下一個元素

nextAll()

nextUntil()

prev()

prevAll()

prevUntil()

 */



/*

jquery過濾只有first方法常用，剩下的直接用陣列下標搞定

first方法是取元素結點陣列的第一個，相當於[0]

 */
 

Jquery01.js裡的一點小錯誤

//1.2 根據name,返回的是陣列

//這個寫錯了

//根據name實際上相當於根據屬性，在下一顆

//$("a")還是根還有TagName

var $a = $("a");