jQuery 选择器

JavaScript节点操作DOMDocument属性和方法

JQuery 判断某个属性是否存在 hasAttr

jQuery节点操作，jQuery插入节点，jQuery删除节点，jQuery Dom操作

$("#"+gid).removeAttr('disabled');

 

 

jQuery所支持的基本CSS选择器：

*                                             匹配任何元素

E                                             匹配标签名称为 E的所有元素

E     F                                     匹配标签名称为 F、作为E 的后代节点的所有元素

E > F                                      匹配标签名称为 F、作为E 的直接子节点的所有元素

E + F                                      匹配前面是邻近兄弟节点 E的所有元素F（ E和F 紧挨着）

E - F                                       匹配前面是任何兄弟节点 E的所有元素F（ E和F 不紧挨着）  

E：has( F )                            匹配标签名称为 Ef、至少有一个标签名称为 F的后代节点的所有元素

E . C                                      匹配带有类名 C的所有元素E。 .C行将于*.C

E#I                                         匹配id特性值为 I的元素E 。#I行将于 *#I

E [ A ]                                   匹配带有特性 A的所有元素E（不管特性 A的值是什么）

E [A = V]                              匹配所有元素 E，其特性A 的值正好是 V

E [A ^= V]                             匹配所有元素 E，其特性A 的值以V开头

E [ A $= V ]                          匹配所有元素 E，其特性A 的值以V结尾

E [ A *= V ]                           匹配所有元素 E，其特性A 的值包含V

 

 

jQuery支持更高级的位置选择器：根据在 DOM里的位置来选择元素：

. first                                        页面的最先的匹配。 li  a : first 返回最先的、并且在列表（ < li >）项下的链接

: last                                        页面的最后的匹配。   li  a : last 返回最后的、并且在列表（ < li > ）项下的链接

: first - child                            最先的子元素。 li : first-child返回每个列表的最先的项

: last - child                             最后子元素。 li : last - child 返回每个列表的最后的列

: only - child                            返回没有兄弟节点的所有元素

: nth - child ( n )                     第n个子节点（ n从1 开始）。li : nth - child ( 2 ) 返回每个列表的第 2个< li > 项

: nth - child ( even | odd )       偶数或奇数的子节点。li : nth - child ( even ) 返回每个序列的偶数子节点

: nth - child ( Xn + Y )           根据传入的公式计算的第 n个子节点。如果Y为 0，则忽略Y 。n从 0开始，且X 不等于0。 li : nth - child ( 3n ) 返回3 的倍数的项，而 li : nth - child ( 5n + 1 ) 返回5 的倍数的项的下一项

: even 或 : odd                       页面范围内偶数匹配元素。 li : even返回全部偶数< li >项

: eq ( n )                                  第n个匹配元素（ n从0 开始）

: gt ( n )                                   第n个匹配元素（不包括）之后的元素（ n从0 开始）

: lt ( n )                                  第n个匹配元素（不包括）之前的元素（ n从0 开始）

 

 

jQuery自定义的筛选选择器赋予标识目标元素的无穷力量

: animated                                选择当前处于动态控制之下的元素

: button                                   选择任何按钮（ input [ type = submit ]、input [ type = reset ] 、input [ type = button ] 或 button）

: checkbox                               只选择复选框元素（ input [ type = checkbox ]）

: checked                                 只选择已选中的复选框或单选按钮（为 CSS所支持）

: contains ( foo )                      只选择包含文本 foo的元素

: disabled                                只选择在界面上已经禁用的表单元素（为 CSS所支持）

: enabled                                 只选择在界面上已经启用的表单元素（为 CSS所支持）

: file                                        选择所有文件元素（ input [ type = file ]）

: header                                  只选择标题元素（ < hn >，n 代表数字1到 6），例如：< h1 >、 < h2 >  · · ·  < h6 >

: hidden                                  只选择隐藏元素

: image                                   选择表单图像元素（ input [ type = image ]）

: input                                   只选择表单元素（ < input >、< select > 、< textarea >、 < button >）

: not ( filter )                         根据指定的筛选器进行求反

: parent                                 只选择拥有后代节点（包括文本）的元素，而排除空元素

: password                            只选择口令元素（ input [ type = password ]）

: radio                                   只选择单选按钮元素（ input [ type = radio ]）

: reset                                     选择复位按钮元素（ input [ type = reset ] 或 button [ type = reset ] ）

: selected                              选择已选中的选项元素

: submit                               选择提交按钮元素（ button [ type = submit ] 或 input [ type = submit ] ）

: text                                    只选择文本字段元素（ input [ type = text ]）

: visible                               只选择可见元素

 

 

根据关系来获取新包装集的方法：

children( )                                返回原始包装集元素的所有唯一子元素所组成的包装集

contents( )                               返回原始包装集元素的内容的包装集，这些元素包含文本节点（这个方法经常用于获取 < iframe > 元素的内容）

next( )                                      返回原始包装集元素的所有唯一的下一个兄弟元素组成的包装集

nextAll( )                                 返回包含原始包装集元素的所有后续元素的包装集

parent( )                                   返回原始包装集所有元素的唯一直接父元素所组成的包装集

parents( )                                返回原始包装集所有元素的唯一祖先元素所组成的包装集，包括直接父元素和一直向上追溯的祖先元素，但不包括文档根元素

prev( )                                     返回原始包装集元素的所有唯一的上一个兄弟元素所组成的包装集

siblings( )                                返回原始包装集元素的所有唯一兄弟元素所组成的包装集