JQuery实战

feiyang10086

JQuery实战

Jquery的选择器
基本选择器：标签选择器（A），类选择器（.A），ID选择器（#A）。
混合选择器：基本选择器之间含空格表示包含，无空格表示逻辑与，逗号表示并集。

* 匹配任何元素
A 匹配标签名为A的所有元素
.A 匹配class含有A的所有元素
#A 匹配ID为A的所有元素
A:has(B) 匹配标签名为A，至少有一个标签名为B的后代节点的所有元素。
A  B 匹配标签名为B，作为A的后代节点的所有元素
A>B 匹配标签名为B，作为A的直接子节点的所有元素
A+B 匹配前面是邻近兄弟节点A的元素B（A和B紧挨着）
A~B 匹配前面是邻近兄弟节点A的所有元素B（A和B可以不紧挨着）
A[B] 匹配其特性含有B的所有元素A（不管其特性值为什么）
A[B=C] 匹配其特性B的值等于C的所有元素A
A[B^=C] 匹配其特性B的值以C开头的所有元素A
A[B$=C] 匹配其特性B的值以C结尾的所有元素A
A[B*=C] 匹配其特性B的值含有C的所有元素A

列表选择器
:first 页面第一个元素
:last 页面最后一个元素
:first-child 列表中第一个元素
:last-child 列表中最后一个元素
nly-child 返回没有兄弟节点的所有元素
:nth-child(n) 返回列中的第n个节点（n从1开始）
:nth-child(even|odd) 返回列中偶数或奇数的节点
:nth-child(an+y) 返回列中根据公式计算所得的节点
:even|dd 返回偶数或奇数的节点
:eq(n) 返回第n个元素（n从0开始）
:gt(n) 返回第n个元素（不包括）之后的元素（n从0开始）
:lt(n) 返回第n个元素（不包括）之前的元素（n从0开始）

特殊属性选择器
:button 选择任何按钮（input{type=submit，type=reset，type=button}）
:submit 只选择提交按钮
:reset 只选择服务按钮
:text 只选择文本框
:input 只选择表单元素<input>，<select>，<textarea>，<button>
:checkbox 只选择复选框
:radio 只选择单选按钮
:password 只选择口令元素
:file 选择文件元素
:image 选择表单图像元素<input type=image>
:header 只选择标题元素<hn>
:checked 只选择已经选中的复选框或单选按钮
:selected 只选中已经选中的选项元素
:disabled 只选择在界面上已经禁用的表单元素
:enabled 只选择在界面上已经启用的表单元素
:hidden 只选择隐藏的元素
:visible 只选择可见的元素
:animated 只选择处于动态控制下的元素
:contains(text) 只选择包含文本text的元素
:not(filter) 根据指定的筛选器进行求反

健康木乃伊

三克油