jQuery

jQuery 知识量:7 - 32 - 105

7.1 选择符表达式><

jQuery API参考手册- 7.1.1 -

jQuery API包括了jQuery提供的所有程序接口,以下仅为最常用最重要的jQuery API参考,最新及更详细的内容,请访问jQuer官方文档

CSS选择符- 7.1.2 -

选 择 符匹  配
*所有元素
#id带有给定ID的元素
element给定类型的所有元素
.class带有给定类的所有元素
a, b与a或b匹配的元素
a b作为a后代的b匹配的元素
a > b作为a子元素的b匹配的元素
a + b作为a后面直接同辈元素的b匹配的元素
a ~ b作为a后面同辈的b匹配的元素

在同辈元素间定位- 7.1.3 -

选 择 符 匹  配
:nth-child(index) 作为其父元素第index个子元素的元素(从1开始计数)
:nth-child(even) 作为其父元素第偶数个子元素的元素(从1开始计数)
:nth-child(odd) 作为其父元素第奇数个子元素的元素(从1开始计数)
:nth-child(formula) 作为其父元素第n个子元素的元素(从1开始计数)。formula(公式)的格式为an+b,a、b为整数
:nth-last-child() 与:nth-child()相同,只不过是从最后一个元素开始倒计数
:first-child 作为其父元素第一个子元素的元素
:last-child 作为其父元素最后一个子元素的元素
:only-child 作为其父元素唯一一个子元素的元素
:nth-of-type() 与:nth-child()相同,只不过只计相同元素
:nth-last-of-type() 与:nth-of-type()相同,只不过是从最后一个元素开始倒计数
:first-of-type 同名的同辈元素中的第一个元素
:last-of-type 同名的同辈元素中的最后一个元素
:only-of-type 没有同名的同辈元素的元素

在匹配的元素间定位- 7.1.4 -

选 择 符 匹  配
:first 结果集中的第一个元素
:last 结果集中的最后一个元素
:not(a) 结果集中与a不匹配的所有元素
:even 结果集中的偶数元素(从0开始计数)
:odd 结果集中的奇数元素(从0开始计数)
:eq(index) 结果集中索引为index的元素(从0开始计数)
:gt(index) 结果集中所有位于给定索引之后(大于该索引)的元素(从0开始计数)
:lt(index) 结果集中所有位于给定索引之前(小于该索引)的元素(从0开始计数)

属性选择符- 7.1.5 -

选 择 符 匹  配
[attr] 带有属性attr的元素
[attr="value"] attr属性的值为value的元素
[attr!="value"] attr属性的值不为value的元素
[attr^="value"] attr属性的值以value开头的元素
[attr$="value"] attr属性的值以value结尾的元素
[attr*="value"] attr属性的值包含子字符串value的元素
[attr~="value"] attr属性的值是空格分隔的多个字符串,其中一个字符串的值为value的元素
[attr|="value"] attr属性的值等于value或者以value开头后跟一个连字符的元素

表单选择符- 7.1.6 -

选 择 符 匹  配
:input 所有<input>、<select>、<textarea>和<button>元素
:text type="text"的<input>元素
:password type="password"的<input>元素
:file type="file"的<input>元素
:radio type="radio"的<input>元素
:checkbox type="checkbox"的<input>元素
:submit type="submit"的<input>元素
:image type="image"的<input>元素
:reset type="reset"的<input>元素
:button type="button"的<input>元素及<button>元素
:enabled 启用的表单元素
:disabled 禁用的表单元素
:checked 选中的复选框和单选按钮元素
:selected 选中的<option>元素

其他自定义选择符- 7.1.7 -

选 择 符 匹  配
::root 文档的根元素
::header 标题元素(如<h1>、<h2>)
::animated 其动画正在播放的元素
::contains(text) 包含给定文本text的元素
::empty 不包含子节点的元素
::has(a) 后代元素中至少有一个与a匹配的元素
::parent 包含子节点的元素
::hidden 隐藏的元素,包括通过CSS隐藏的元素及<input type="hidden" />
::visible 与:hidden匹配的元素相反
::focus 获得键盘焦点的元素
::lang(language) 具有给定(在元素的lang属性或<meta>标签中声明的)语言代码的元素
::target URI标识符指向的目标元素