jquery选择器 总结

Jquery 选择器总结

 

Jquery选择器之基本CSS选择器

 

选择器

描述

*

任何元素

$(“*”)

E

标签名称为E的所有元素

$(“dv”)

E  F

标签名称为E,作为E的后代节点的所有元素

$(“div p”)

E > F

标签名称为E,作为E直接子节点的所有元素

$(“div > p”)

E + F

前面是邻近兄弟节点E的所有元素F,EF紧挨着

$(“div + p”)

E – F

前面是邻近兄弟节点E的所有元素F,EF不是紧挨着

$(“div - p”)

E:has(F)

标签名称为E,至少一个标签名为F的后代节点的所有元素

$(“li:has(ul)”)

E.C

类名为C的所有元素E,等效于 *.C

$(“.myClass”)

E #I

IDI的所有元素,等效于 *.#I

$(“#myID”)

E[A]

带有特性A的所有元素E(不管特性A是什么)

$(“div[title]”)

E[A=V]

EA特性值为V

$(“div[title=abc]”)

E[A^=V]

EA特性值以V开头

$(“div[title^=abc]”)

E[A$=V]

EA特性值以V结尾

$(“div[title$=abc]”)

E[A*=V]

EA特性值包含V

$(“div[title*=abc]”)

 

Jquery选择器之操作DOM元素

选择器

描述

:first

第一个元素

$(“div :first”)

:last

最后一个元素

$(“dv :last”)

:first-child

第一个子元素

$(“table tr:first-child”)

:last-child

最后一个子元素

$(“table tr:last-child”)

:only-child

仅有的一个子元素

$(“div :only-child”)

:nth-child(n)

N个子元素(n1开始)

$(“table tr :nth-child(2)”)

:nth-child(even:odd)

子元素中序号为偶数的元素

$(“ table tr :nth-child(even:odd)”)

:nth-child(Xn+Y)

子元素中,序号可以整除X的第Y+1

$(“ table tr :nth-child(5n + 1)”)

:even

序号为奇数的元素

$(“table tr:even”)

:odd

序号为偶数的元素

$(“table tr:odd”)

:eq(n)

N个元素(n0开始)

$(“table tr:eq2)”)

:gt(n)

序号在n之后的元素

$(“table tr:gt(2)”)

:lt(n)

序号在n之前的元素

$(“table tr:lt(2)”)

        

 

 

 

Jquery选择器之操作包装

 

选择器

描述

Children()

所有子元素

$(“ul”).children();

Contains(“str”)

包含”str”字符串的元素

$(“div”).html().contains(“搜索”)

Next()

下一个元素

$(“#myID”).next()

nextAll()

后面的所有元素

$(“#myID”).nextAll();

Parent()

父元素

$(“#myDiv”).parent();

Parents()

所有父元素

$(“#myDiv”).parents()

Prev()

前一个元素

$(“#myId”).prev();

prevAll()

前面所有元素

$(“.myClass”).prevAll()

Siblings()

所有兄弟元素

$(“table tr.myStyle”).siblings();

 

Jquery自定义筛选器之筛选元素

 

 

 

选择器

描述

:Animated

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

:button

选择任何按钮

:checkbox

任何复选框

:checked

任何选中的单选和复选框按钮

:contains(foo)

选中包含文本foo元素

:disabled

在界面上已经禁用的表单元素

:enabled

在界面上已经启用的表单元素

:file

选中所有文件元素

:header

选择标题

:hidden

隐藏元素

:image

图像元素

:input

只选中表单元素(input,select,textarea,button)

:not(filter)

根据指定的筛选器进行求反

:parent

拥有后代节点的元素,排除空元素

:password

选择口令元素

:radio

单选按钮元素

:reset

复位按钮元素

:selected

已选中的选项元素

:submit

提交按钮的元素

:text

只选中文本字段元素

:visible

只选中可见元素

 

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值