JQuery 选择器(按类别划分)

1.基本选择器:
(1)id选择器 ------------ #id01{}
(2)类选择器------------ .css01{}
(3)标签或元素选择器------------ input{} a{}
(4)元素组合选择器 ---------------- input ,a{}
(5)通配符选择器 ------------------- *{}
2.层次选择器:
(1)子元素选择器 ----------------- div>ul{} div ul{} (有大于号表示选取div下第一层ul,不加则表示选取所有的ul)
(2)兄弟元素选择器--------------div~ul{}
(3)毗邻元素选择器 ---------------div+ul{}
3.过滤选择器
(1)基本过滤
  input:first (选第一个input)
  input:last (选最后一个input)
  input:not(.css01) 反选选择器(选class不是‘css01’的input
  input:even (选索引是偶数的input)
  input:odd (选索引为基数的input)
  input:eq(1) (选第2个input)
  input:lt(2) (选索引小于2的input 不包括2)
  input:gt(2) (选索引大于2的input 不包括2)
  :header (选所有标题元素)
  :animated (选所有动画元素)
  :focus (选当前获取焦点的元素)

(2)内容过滤
  p:contains(‘hello’) (选含有hello文本的p)
  p:empty (选所有不包含子元素的空p)
  p:has(span) (选所有包含input标签的p)
  p:parent (选所有含有子元素的p)
(3)属性过滤
  input[attrState] 选input元素中所有含有“attrState”属性的 元素
  a[href$=“abc”] 选后边和abc一样字符属性的a标签
  a[href^=“abc”] 选前边和abc一样字符属性的a标签
  a[href*=“abc”] 选含有和abc一样字符属性的a标签
  a[href~=“abc”] 选含有和abc一样单词属性的a标签,说明href中有很多词,其中包括abc,词和词之间用空格隔开
a[href|=“http”] 选含有和“http”或者是“http-”一样属性的a标签
[attrA][attrB][attrC] 选同时含有attrA、attrB、attrC 属性的标签
(4)表单对象属性过滤
  div:enabled (选所有可用的div)
  div:disabled (选所有不可用的div)
  input:checked (选所有被选中的input checkbox)
  div:selected (选所有被选中的选项)
(5)子元素过滤
  div:first-child (选每个div元素下的第一个子元素)
  div:last-child (选每个div元素下的最后一个子元素)
  table tr:only-child (table中只有一个tr 则这个tr会被选中)
  .divSon:nth-child(even) 索引值为偶数
  .divSon:nth-child(odd) 索引值为基数
  .divSon:nth-child(2) 索引值=2
  .divSon:nth-child(2n) 索引值是2的倍数 n从1开始
  .divSon:nth-child(2n+1) 索引值是(2n+1)
(6)可见性过滤
  div:hidden 选所有隐藏的div
  div:visible 选所有未被隐藏的div

4.表单选择器
  :input (选所有的 input textarea select button 标签)
  :text (选所有单行文本框)
  :password (选所有密码框)
  :radio (选所有单选框)
  :checkbox (选所有复选框)
  :submit (选所有提交按钮)
  :image (选所有图像按钮)
  :reset (选所有重置按钮)
  :button (选所有按钮)
  :file (选所有上传域)
  :hidden (选所有隐藏域)

参考《锋利的JQuery(第二版)》—人民邮电出版社

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值