jQuery基础

 

$(":first")        匹配第一个元素

$(":last")        匹配最后一个元素

$(":not(selector)")        一个用来过滤的选择器，选择所有元素去除不匹配给定的选择器元素

$(":eq(index)")        在匹配的集合中选择索引值为index的元素

$(":gt(index)")        选择匹配集合中所以大于给的index的元素

$(":even")        选择索引值为偶数的元素，从0开始计数

$(":odd")        选择索引值为奇数的元素，从0开始计数

$(":It(index)")        选择匹配集合中所以索引值小于给的index参数的元素

$(":header")        选择所以标题元素，想h1，h2，h3等

$(":lang(language)")        选择指定语言的所以元素

$(":root")        选择该文档的根元素

$(":animated")        选择所以正在执行动画效果的元素

 

$(":contains(text)")        选择所有包含指定文本的元素

$(":parent")        选择所有包含子元素或者文本的元素

$(":empty")        选择所有没有子元素的元素（包含文本节点）

$(":has(selector)")        选择元素中至少包含指定选择器的元素

 

:contains与:has都是查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素。

如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。

:parent与:empty是相反的，两者所涉及的子元素，包括文本节点。

 

$(":visible")        选择所有显示的元素

$(":hidden")        选择所有隐藏的元素

 

:hidden选择器，不仅仅包含样式是display=“none”的元素，还包括隐藏表单、visibility等等。

 

隐藏一个元素的几种方法：

1.css display：none。

2.type=“hidden”的表单元素。

3.宽度高度都显示设置为0.

4.一个祖先元素是隐藏的，该元素是不会再页面上显示。

5.css visibility的值时hidden。

6.css opacity的值时0。

 

$("[attribute| = 'value']")        选择指定属性值等于给定字符串或以该字符串为前缀（该字符串后跟一个连字符“-”）的元素）

$("[attribute* = 'value']")        选择指定属性具有包含一个给定的子字符串的元素（选择给定的属性是以包含某些值的元素）

$("[attribute~ = 'value']")        选择指定属性用空格分隔的值中包含一个给定值的元素

$("[attribute = 'value']")        选择指定属性是给定值的元素

$("[attribute! = 'value']")        选择不存在指定属性，或者指定的属性值不等于给定值的元素

$("[attribute^ = 'value']")        选择指定属性是以改定字符串开始的元素

$("[attribute$ = 'value']")        选择指定属性是以改定值结尾的元素，这个比较是区分大小写的

$("[attribute]")        选择所有具有指定属性的元素，该属性可以是任何值

$("[attributeFilter1][attributeFileN]")        选择匹配所有指定的属性筛选器的元素

 

在这么多属性选择器中[attr = "value"]和[attr = "value"]是最实用的

[attr = "value"]能帮我们定位不同类型的元素，特别是表单form元素的操作，比如说input[type="text"],input[type="checkbox"]等。

[attr = "value"]能在网站中帮助我们匹配不同类型的文件。