jQuery 每天学习记录

1、#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的解析器解析后又少掉一个。

 

2、 :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> ]

 

3、 :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> ]

 

 

 4、: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>

 

5、 :not(selector) 去除所有与给定选择器匹配的元素

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

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

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

 6、:header   匹配如 h1-h6 的标题元素

7、 :animated  匹配所有正在执行动画效果的元素

8、:focus    匹配当前获取焦点的元素

9、:root   匹配该文档的根元素（html）