• jQuery之选择器


    一、jQuery的选择器介绍

    基本选择器:

      #id            根据Id匹配一个元素

      .class            根据给定的类名匹配一个元素

      element           根据元素名匹配一个元素

      *             匹配所有元素

      selecttor1,selector2     并集,返回两个选择器匹配到的元素

    层次选择器:

      ancestor descendant   根据祖先匹配所有的后代元素

      parent>child        根据父元素匹配所有的子元素,直接后代

      prev+next         匹配下一个兄弟元素 相当于next()方法

      prev~siblings         匹配后面的兄弟元素 相当于nextAll()方法     siblings()方法为匹配所有的兄弟元素

    简单过滤选择器:

      :first或first()        匹配第一个元素

      :last或last()         匹配最后一个元素

      :not(selector)        匹配非selector能匹配到的元素

      :even            匹配索引值为偶数的元素,索引号从0开始

      :odd            匹配索引值为奇数的元素,索引号从0开始

      :eq(index)         匹配指定索引号的元素,索引号从0开始

      :gt(index)          匹配索引号大于给定索引值的元素,索引号从0开始

      :lt(index)           匹配索引号小于给定索引值的元素,索引号从0开始

      :header          匹配所有的标题元素  h1 h2 h3 h4 h5 h6

      :animated          匹配所有正在执行动画的元素

    内容过滤选择器:

      :contains(text)      匹配包含给定文本的元素

      :empty          匹配所有不包含子元素或者文本的空元素

      :has(selector)        匹配后代中含有selector能匹配上元素的元素

      :parent          匹配含有子元素或者文本的元素

    可见性过滤选择器:

      :hidden          匹配不可见元素,或者type="hidden"的元素 含有css样式:display:"none";的元素,无论CSS是内联,导入,链接式

      :visible           获取所有的可见元素

    属性过滤选择器:

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

      [attribute=value]       匹配含有属性=value的元素

      [attribute!=value]      匹配含有属性但!=value的元素

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

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

      [attribute*=value]      匹配属性值包含某些值的元素,部分前后,中间有也算

      [selector][selector]     匹配属性选择器的交集

    子元素过滤选择器:

      :nth-child(eq|even|odd|index)  获取所有父元素特定位置的子元素

      :first            获取所有父元素下的第一个子元素

      :last            获取所有父元素下最后一个子元素

      :only-child         获取所有父元素下唯一的一个元素

    表单对象属性过滤选择器:

      :enabled            获取表单中所有可用的元素

      :disabled          获取表单中所有不可用的元素

      :checked         获取表单张所有被选中的元素

      :selected           获取表单中所有被选中的option的元素

    表单选择器:

      :input           获取所有的表单元素<input开头的,还有textarea select

      :text             获取所有的单行文本框  <input type="text" />

      :password        获取所有的密码框元素      <input type="password" />

      :radio           获取所有的单选按钮   <input type="radio" />

      :checkbox         获取所有的复选框    <input type="checkbox">

      :submit          获取所有的提交按钮   <input type="submit" />

      :image          获取所有的图像按钮   <input type="image" />

      :reset          获取所有的重置按钮    <input type="reset" />

      :button            获取所有的按钮     <input type="button">

      :file            获取所有的文件上传框  <input type="file" />

  • 相关阅读:
    java 内存命令
    sts4 集成 springboot 和 activiti5
    sts4 安装spring xml 的提示。
    去除office 2019 由于您的登录凭据已经过期,的提示。
    「なきゃ」和「なくちゃ」分别是什么的原型?
    能力考必看|推荐三本适合N1和N2能力考练听力的书|帝京日语
    影子练习
    早大前辈分享日本留学生考试(EJU)日语高分经验
    星野源 新垣结衣 结婚
    使Nginx支持更多并发 请求的 Linux内核参数的优化
  • 原文地址:https://www.cnblogs.com/qq631243523/p/9721083.html
Copyright © 2020-2023  润新知