jquery对照简表(中文版)

中文版 | 英文版
1 * $('*') 所有元素
2 #id $('#lastname') id='lastname' 的元素
3 .class $('.intro') class='intro' 的所有元素
4 .class,.class $('.intro,.demo') class 为 'intro' 或 'demo' 的所有元素
5 element $('p') 所有 <p> 元素
6 el1,el2,el3 $('h1,div,p') 所有 <h1>、<div> 和 <p> 元素
7 :first $('p:first') 第一个 <p> 元素
8 :last $('p:last') 最后一个 <p> 元素
9 :even $('tr:even') 所有偶数 <tr> 元素,索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。
10 :odd $('tr:odd') 所有奇数 <tr> 元素,索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。
11 :first-child $('p:first-child') 属于其父元素的第一个子元素的所有 <p> 元素
12 :first-of-type $('p:first-of-type') 属于其父元素的第一个 <p> 元素的所有 <p> 元素
13 :last-child $('p:last-child') 属于其父元素的最后一个子元素的所有 <p> 元素
14 :last-of-type $('p:last-of-type') 属于其父元素的最后一个 <p> 元素的所有 <p> 元素
15 :nth-child(n) $('p:nth-child(2)') 属于其父元素的第二个子元素的所有 <p> 元素
16 :nth-last-child(n) $('p:nth-last-child(2)') 属于其父元素的第二个子元素的所有 <p> 元素,从最后一个子元素开始计数
17 :nth-of-type(n) $('p:nth-of-type(2)') 属于其父元素的第二个 <p> 元素的所有 <p> 元素
18 :nth-last-of-type(n) $('p:nth-last-of-type(2)') 属于其父元素的第二个 <p> 元素的所有 <p> 元素,从最后一个子元素开始计数
19 :only-child $('p:only-child') 属于其父元素的唯一子元素的所有 <p> 元素
20 :only-of-type $('p:only-of-type') 属于其父元素的特定类型的唯一子元素的所有 <p> 元素
21 parent > child $('div > p') <div> 元素的直接子元素的所有 <p> 元素
22 parent descendant $('div p') <div> 元素的后代的所有 <p> 元素
23 element + next $('div + p') 每个 <div> 元素相邻的下一个 <p> 元素
24 element ~ siblings $('div ~ p') <div> 元素同级的所有 <p> 元素
25 :eq(index) $('ul li:eq(3)') 列表中的第四个元素(index 值从 0 开始)
26 :gt(no) $('ul li:gt(3)') 列举 index 大于 3 的元素
27 :lt(no) $('ul li:lt(3)') 列举 index 小于 3 的元素
28 :not(selector) $('input:not(:empty)') 所有不为空的输入元素
29 :header $(':header') 所有标题元素 <h1>, <h2> ...
30 :animated $(':animated') 所有动画元素
31 :focus $(':focus') 当前具有焦点的元素
32 :contains(text) $(':contains(`Hello`)') 所有包含文本 'Hello' 的元素
33 :has(selector) $('div:has(p)') 所有包含有 <p> 元素在其内的 <div> 元素
34 :empty $(':empty') 所有空元素
35 :parent $(':parent') 匹配所有含有子元素或者文本的父元素。
36 :hidden $('p:hidden') 所有隐藏的 <p> 元素
37 :visible $('table:visible') 所有可见的表格
38 :root $(':root') 文档的根元素
39 :lang(language) $('p:lang(de)') 所有 lang 属性值为 'de' 的 <p> 元素
40      
41 [attribute] $('[href]') 所有带有 href 属性的元素
42 [attribute=value] $('[href=`default.htm`]') 所有带有 href 属性且值等于 'default.htm' 的元素
43 [attribute!=value] $('[href!=`default.htm`]') 所有带有 href 属性且值不等于 'default.htm' 的元素
44 [attribute$=value] $('[href$=`.jpg`]') 所有带有 href 属性且值以 '.jpg' 结尾的元素
45 [attribute|=value] $('[title|=`Tomorrow`]') 所有带有 title 属性且值等于 `Tomorrow` 或者以 `Tomorrow` 后跟连接符作为开头的字符串
46 [attribute^=value] $('[title^=`Tom`]') 所有带有 title 属性且值以 'Tom' 开头的元素
47 [attribute~=value] $('[title~=`hello`]') 所有带有 title 属性且值包含单词 'hello' 的元素
48 [attribute*=value] $('[title*=`hello`]') 所有带有 title 属性且值包含字符串 'hello' 的元素
49 [name=value][name2=value2] $('input[id][name$=`man`]') 带有 id 属性,并且 name 属性以 man 结尾的输入框
50      
Record Count:216

本站内容仅作为站长本人学习探索之用途,不保证内容的准确性、有效性。本站保留解释权。
首页 网站定制开发,联系QQ:3166692976   ©2021  Copyright   1500km.com,   All rights received.