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）