jQuery選擇器(一)——基本選擇器

繼續昨天的學習,感覺選擇器是jQuery學習中基礎中的基礎,不僅僅是要知道,更要運用的特別熟練才行。今天無意間在網上看到了一個個很好的網站,裏面有很多很好用的jQuery插件 ,裏面分類很明細。感覺很多功能很不錯,收藏一下推薦給大家http://www.jq22.com/ 

好了,開始今天的總結吧。今天只是統攬了一下jQuery中的選擇器的類別,大致瞭解了一部分。不過我覺的還是要在練習中多運用才能夠掌握的更好。


jQuery選擇器繼承了CSS語言的部分語法,允許通過標籤名 屬性名 內容對DOM元素進行快速精準的選擇。簡單看書整理了一下,用XMind做了個很簡單的思維導圖。 jQuery選擇器主要分爲4大類:

1.普通選擇器 

2.過濾選擇器

3.表單選擇器

4.層次選擇器


(第一次用思維導圖,感覺還挺好用的。希望對以後的學習有幫助)


今天只是感覺好好把基本選擇器練習了一下。基本選擇器是jQuery選擇器基礎中的基礎,感覺和CSS樣式選擇器的語法差不多。

->  id選擇去需要加( # ), 例如: 獲取id爲 user 的元素   $("#user")

->  class選擇器需要加 點(.)例如:獲取 class 爲 Item 的元素 $(".Item")

->  最常見的就是元素選擇器了 例如: $("div")

->  還有就是通配符選擇器(×),感覺平時CSS控制的時候用的都不多,常常會被忽略掉。不過有時候還是挺有用的。  $("*") 或者 $("div *")

->  最後就是多個選擇器的組合了, 每個選擇器之間都需要用逗號隔開  $("div , #myId , .myClassName , img")


發佈了20 篇原創文章 · 獲贊 7 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章