jQuery -选择器

jQuery语法是为HTML元素的选取编制的，可以对元素执行某些操作。

基础语法：

使用$定义iquery函数

选择符（selector）来查询和查找HTML元素

jQuery的action（）执行对元素的操作

iquery元素选择器

jQuery 使用 CSS 选择器来选取 HTML 元素。

 $("p") 选取

元素。

$("p.intro") 选取所有 class="intro" 的

元素。 

$("p#demo") 选取 id="demo" 的第一个

元素。

jQuery属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

 $("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

$(‘div[自定义标签 ]’） 可以选择到

jQuery层次选择器

针对一系列很多相同的标签的元素选择

标签A+冒号+first/last  表示选择很多相同标签中的第一个标签

标签A+空格+冒号+first/last   表示选择很多相同标签中的第一个标签中的行内标签

上一级标签A~下一级标签B   表示A标签下面的选择的所有的B标签

标签+冒号+not（‘标签名’）  表示选中的 标签内的内容不变化

标签+冒号+even  偶数选择器（且从0开始计数）

标签+冒号+odd    奇数选择器 （且从0开始计数）

标签+冒号+eq（数字）  则选中的标签为数字加一（且从0开始计数）

标签+冒号+gt（数字）  大于数字的所有元素

标签+冒号+lt（数字）  小于数字的所有元素

（‘冒号+header’）  选取好h~6的标签

（‘冒号+animated’） 选取正在执行动画的元素

内容过滤选择器 格式为:$（‘选择器’）

标签+冒号+contains（“字符”）对含有该字符的段落的样式进行改变

标签+冒号+contains（“标签B”）对含有该字符的标签的段落的样式进行改变

标签+冒号+has（“标签”）

标签+冒号+empty  标签中为空

标签+冒号+parent    选取含有子元素或者文本的标签

可见性选择器

标签+冒号+hidden  选择页面上不可见的标签（当标签是占据位置时是不能用的）

标签+冒号+visible  选择可见的标签

子元素过滤选择器

冒号+first-child  选择父元素第一个子元素

冒号+last-child 选择父元素最后一个子元素

冒号+onlychild 选择父元素最后一个子元素的元素

冒号+nth-child（表达式） 选取父元素中的第X个元素，X由表达式决定

冒号+first-of-type  选取所有相同元素的第一个兄弟元素

冒号+last-of-type  选取所有相同元素的最后一个兄弟元素

冒号+nth-last-child（表达式） 选择所有他们父元素的第n个子元素，计数从最后一个元素开始到第一个。

冒号+only-of-type  冒号+nth-of-type  冒号+nth-last-of-type

表单元素选择器

冒号+input    input标签的value

冒号+text    input标签的value

冒号+password    input标签的value

冒号+radio   

冒号+checkbox

冒号+submit

冒号+image

冒号+reset

冒号+button  input标签的value

冒号+file    input标签的value

冒号+hidden （条件①肉眼看不见②在网页上不占据位置）

表单属性选择器

冒号+enabled  选择所有可用元素

冒号+disabled  选择所有不可用元素

冒号+checked  选择可有选中元素

冒号+selected  选取所有被选中的选项元素

冒号+focus  选择当前获取焦点的元素