javascript
JavaScript（15）jQuery 选择器
選擇器同意對元素組或單個元素進行操作。
jQuery 元素選擇器和屬性選擇器同意通過標簽名、屬性名或內容對 HTML 元素進行選擇。
在 HTML DOM 術語中：選擇器同意對 DOM 元素組或單個 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" 結尾的元素。
jQuery CSS 選擇器
jQuery CSS 選擇器可用于改變 HTML 元素的 CSS 屬性。
以下的樣例把全部 p 元素的背景顏色更改為紅色：
上面的看完了我也不知道選擇器是什么。。。
來點自己的理解和總結。。。
選擇器語法：$("......")
也能夠這樣分類：
① 選取全部元素：$("*")（注意里面是”星號“）
② 選取class：$(".class名") （注意前面有個”點“）
③ 選取id：$("#id名")
④ 選取元素：$("標簽名")
⑤ 選取屬性：$("[屬性名]")
⑥ 依據特征來選取元素：$(":特征")（注意前面有個”冒號“）
這六種選擇器還能夠組合一下，產生很多其它的選擇器。
比方：④②、④⑥
還能夠是：④④⑥、④③②（同類型之間要用“空格”隔開。如：$("ul li:first")、$("div#intro .head")）
選取當前 HTML 元素：$(this)
嵌套選擇器
如：選取指定標簽中的其他標簽中的元素：$(標簽名 *)
（注意指定的標簽中一定要有其他標簽，否則沒有效果。
道理就是我為我家狗狗取名叫小狗，但實際是我家根本沒有狗狗。
。。
）
假設要進一步選擇css屬性：$("......").css("......")
$("[屬性名='#']") 選取全部屬性的值等于 "#" 的元素。
$("[屬性名!='#']") 選取全部屬性的值不等于 "#" 的元素。
$("[屬性名$='.jpg']") 選取全部屬性的值以 ".jpg" 結尾的元素。
提示：
依據實踐，某些瀏覽器使用 * 的處理速度緩慢。
不要使用數字開頭的 ID 名稱！
在某些瀏覽器中可能出問題。
不要使用數字開頭的類名！在某些瀏覽器中可能出問題。
詳細使用時，能夠參考“jQuery 選擇器參考手冊”。看看有哪些選擇器。
這篇寫得比較短，但事實上花費的時間比較多。看了非常多樣例。
認為如今還是不要每一個都看一遍。以后用到的話邊用邊學，然后能夠在這里補充。
最后還是貼段代碼吧。好像代碼生動形象直觀了當。。
。
（太懶了，我僅僅想貼一份大雜燴代碼（涉及到覆蓋）。。
。）
結果：
Welcome to My Homepage
My name is Donald
I live in Duckburg
My best friend is Mickey
My name is Donald, too
Who is your favourite:- Goofy
- Mickey
- Pluto
總結
以上是生活随笔為你收集整理的JavaScript（15）jQuery 选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JSP标签JSTL(4)--URL
- 下一篇： JMS笔记(一)