jQuery 天天學習記錄

一、#id

<span id="foo:bar"></span>
<span id="foo[bar]"></span>
<span id="foo.bar"></span>

jQuery代碼： $("#foo\\[bar\\]")

結果：  [ <span id="foo[bar]"></span>]

 jQuery的選擇器須要對 : 進行轉義， : 須要寫成 \:，「#foo\:bar「 是一個字符串，那麼這個字符串中的全部 \ 都應該被轉義，因此 \: 就應該寫成 \\: ，代碼通過javascript的解析器解析後少掉一個，被jquery的解析器解析後又少掉一個。

 

二、 :gt(index)  匹配全部大於給定索引值的元素

<table>
  <tr><td>Header 1</td></tr>
  <tr><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>

jQuery代碼： $("tr:gt(0)")

結果：  [ <tr><td>Value 1</td></tr>, <tr><td>Value 2</td></tr> ]

 

三、 :lt(index)  匹配全部小於給定索引值的元素

 

<table>
  <tr><td>Header 1</td></tr>
  <tr><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>

 

jQuery代碼：$("tr:lt(2)")

結果：[ <tr><td>Header 1</td></tr>, <tr><td>Value 1</td></tr> ]

 

 

 四、:lang(language)  選擇指定語言的全部元素

<p lang="zh-cn">我是唐老鴨。</p>
<p lang="en">I live in Duckburg.</p>

jQuery代碼：$("p:lang(en)")

結果：<p lang="en">I live in Duckburg.</p>

 

五、 :not(selector) 去除全部與給定選擇器匹配的元素

<input name="apple" />
<input name="flower" checked="checked" />

jQuery代碼：$("input:not(:checked)")

結果：  [ <input name="apple" /> ]

 六、:header   匹配如 h1-h6 的標題元素

七、 :animated  匹配全部正在執行動畫效果的元素

八、:focus    匹配當前獲取焦點的元素

九、:root   匹配該文檔的根元素（html）