jQuery學習第三課(選擇器第一講)

1.什麼是jquery選擇器

2.jquery選擇器的優勢在哪裡

3.jquery選擇器的種類

什麼是jquery選擇器

jquery中的選擇器完全繼承瞭css1.0~2.0的風格,實現少部分css3選擇器

,如果對於CSS選擇器非常瞭解,那麼學習jquery選擇器會非常簡單。

利用jquery選擇器可以非常快速的找出你想要的DOM元素,然後為這些

DOM元素添加你想要的效果,無需擔心瀏覽器的兼容。

實例:演示選擇器瀏覽器的兼容性(子選擇器)

小結:jquery選擇器的寫法與css非常相近,但是作用不同。css選擇的元

素隻能對基添加樣式(CSS表達式除外,項目中基本不允許有css表達式,

而且IE8標準模式已經取消對css表達式的支持),jquery選擇器找到的元

素可以為其添加行為。

jquery選擇器的優勢

1.完全支持CSS1.0~2.0的選擇器,支持部分CSS3選擇器,學習曲線平緩,可以快速上手

2.完美的容錯機制

即使頁面上沒有該元素,jquery也不會報錯

jquery選擇器的種類

1.基本選擇器

①#id,選擇ID的元素

②.class,類名選擇器

③element,標簽選擇器

④*,選擇所有元素

⑤E1,E2,E3,…
En,多重選擇器

2.
層次選擇器

①E F,選擇E元素所有的後代元素


E>F,選擇E元素的子元素,子選擇器


E+next,選擇E元素後的緊臨的兄弟元素,等價於.next()


E~siblings,選擇E元素後的所有兄弟元素,等價於.nextAll()

下集預告

jquery選擇器之過濾選擇器

a.基本過濾選擇器

b.內容過濾選擇器

c.可見性過濾選擇器

d.屬性過濾選擇器

e.子元素過濾選擇器

f.表單過濾選擇器

發佈留言