jquery选择器

jquery的九大选择器:

1.基本选择器

  #id  id选择器

  标签选择器

  selector1,selector2   组合选择器

  .class 类选择器

2、层级选择器

  ancetor  descendant 匹配指定的祖先元素下的所有后代元素(所有的子、孙)

  parent > child匹配父元素下的所有子元素(只能找到儿子)

  prev + next  匹配指定的pre元素和他相邻的next元素 相邻的

  prev~siblings 匹配指定pre元素后面的和它同级的siblings元素




3、简单选择器

first   指的第一个元素

last 最后一个元素

even 元素中符号偶数    0开始计数

odd  奇数

eq(index) 匹配指定索引的元素

gt(index) 匹配大于指定索引的元素

lt(index) 匹配小于指定索引的元素

not(selector)匹配除了指定选择器之外的元素


4、内容选择器

:contains(text)  包含指定的文本text

:empty 匹配的是内容为空元素

l  :has(selector) 匹配内容中,含有指定选择器的元素

l  :parent :匹配内容不为空的元素


5、可见性选择器

:hidden  匹配不可见的元素   对应的css    displaynone 隐藏

:visible  匹配可见的元素     对应的css    displayblock 显示

 

6、属性选择器

[attribute] 匹配出含有指定属性的元素

[attribute=value] 匹配含设置了指定属性,并且有指定属性值的元素

l  [attribute!=value]匹配属性值不等于value的元素

l  [attribute^=value]匹配属性值以value开头的元素

l  [attribute$=value]匹配属性值以value结尾的元素

l  [attribute*=value]匹配属性值中含有value的元素

l  [selector1][selector2][selectorN] 匹配有多个指定选择器中,含有指定属性值的元素


7、子元素选择器

注意:子元素选择器,下标从1算起

:nth-child(index/even/odd)  匹配指定下标、偶数、奇数的后代

:first-child:匹配后代中的第一个元素

:last-child:匹配后代中的最后一个元素

l  :only-child :匹配指定的父元素,并且父元素只有一个后代   “独生子女”


8、表单选择器

:input      匹配的是所有的表单元素,input表单,select表单,textarea表单

l  :text       匹配单行文本框

l  :password   匹配密码框

l  :radio        匹配单选按钮

l  :checkbox    匹配复选按钮

l  :submit        匹配提交按钮

l  :reset       重置按钮

l  :image       图片按钮

l  :button        普通按钮

l  :file         匹配上传文件

l  :hidden       匹配隐藏域


9、表单对象属性选择器

:enabled   匹配所有可用的表单元素

:disabled  匹配所有不可用表单元素 设置了属性 disabled=“disabled”

l  :checked   匹配所有被选中的表单元素 radiocheckbox checked=“checked”

:selected   匹配所有被选中的元素(下拉列表select     selected=“selected”


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值