jQuery 获取对象 定位子对象_jquery
程序员文章站
2022-05-14 15:42:33
...
选择中的特殊符号:
# 指示 id
. 指示 class
* 全选
, 多选
空格 后代
> 子
~ 兄弟
+ 下一个
: 子(多功能)
() 函数式的过滤与查找
获取 div 下的所有标题对象: $("div :header")
获取所有标题对象: $(":header")
获取 first, 如: $("li:first") 或 $("li").first() 或 $("ul :first") 或 $("ul li:first")
获取每组的 first, 如: $("li:first-child") 或 $("ul li:first-child") 或 $("ul :first-child")
获取 last, 如: $("li:last") 或 $("li").last() 或 $("ul :last") 或 $("ul li:last")
获取每组的 last, 如: $("li:last-child") 或 $("ul li:last-child") 或 $("ul :last-child")
获取第几个, 如(获取第三个, eq 是 0 起): $("li:eq(2)") 或 $("li").eq(2)
获取第几个之后的, 如(获取第三个之后的, gt 是 0 起): $("li:gt(2)")
获取第几个之前的, 如(获取第三个之前的, lt 是 0 起): $("li:lt(2)")
获取索引值是偶数的, 如(even 是 0 起): $("li:even")
获取索引值是奇数的, 如(odd 是 0 起): $("li:odd")
获取每组第偶数个, 如(nth-child 是 1 起): $("li:nth-child(even)")
获取每组第奇数个, 如(nth-child 是 1 起): $("li:nth-child(odd)")
获取每组第几个, 譬如第 2 个(nth-child 是 1 起): $("li:nth-child(2)")
用表达式指示每组的第几个, 如(nth-child 是 1 起): $("li:nth-child(3n-1)")
如果是父元素中唯一的子元素, 如: $("li:only-child")
:not 是对其他选择的取反, 如: $("li:not(li:first-child)")
# 指示 id
. 指示 class
* 全选
, 多选
空格 后代
> 子
~ 兄弟
+ 下一个
: 子(多功能)
() 函数式的过滤与查找
获取 div 下的所有标题对象: $("div :header")
复制代码 代码如下:
AAA
BBB
CCC
DDD
EEE
FFF
获取所有标题对象: $(":header")
复制代码 代码如下:
AAA
BBB
CCC
DDD
EEE
FFF
获取 first, 如: $("li:first") 或 $("li").first() 或 $("ul :first") 或 $("ul li:first")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
获取每组的 first, 如: $("li:first-child") 或 $("ul li:first-child") 或 $("ul :first-child")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
获取 last, 如: $("li:last") 或 $("li").last() 或 $("ul :last") 或 $("ul li:last")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
获取每组的 last, 如: $("li:last-child") 或 $("ul li:last-child") 或 $("ul :last-child")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
获取第几个, 如(获取第三个, eq 是 0 起): $("li:eq(2)") 或 $("li").eq(2)
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
获取第几个之后的, 如(获取第三个之后的, gt 是 0 起): $("li:gt(2)")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
获取第几个之前的, 如(获取第三个之前的, lt 是 0 起): $("li:lt(2)")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
获取索引值是偶数的, 如(even 是 0 起): $("li:even")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
获取索引值是奇数的, 如(odd 是 0 起): $("li:odd")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
获取每组第偶数个, 如(nth-child 是 1 起): $("li:nth-child(even)")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
获取每组第奇数个, 如(nth-child 是 1 起): $("li:nth-child(odd)")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
获取每组第几个, 譬如第 2 个(nth-child 是 1 起): $("li:nth-child(2)")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
用表达式指示每组的第几个, 如(nth-child 是 1 起): $("li:nth-child(3n-1)")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
如果是父元素中唯一的子元素, 如: $("li:only-child")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
:not 是对其他选择的取反, 如: $("li:not(li:first-child)")
复制代码 代码如下:
- AAA
- BBB
- CCC
- DDD
- EEE
- FFF
- GGG
- 111
- XXX
- YYY
- ZZZ
推荐阅读
-
文本有关的样式和jQuery求对象的高宽问题分别说明
-
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
-
用DOM实现文章采集--通过jquery语法式的方法采集指定对象的文本
-
javascript异步处理与Jquery deferred对象用法总结
-
遍历json数组对象(jquery遍历json数组了解)
-
遍历json数组对象(jquery遍历json数组了解)
-
jquery dom对象的事件隐藏显示和对象数组示例
-
jquery遍历筛选数组的几种方法和遍历解析json对象
-
jQuery中事件对象e的事件冒泡用法示例介绍
-
jquery中event对象属性与方法小结