繼續昨天的學習,感覺選擇器是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")