• Jquery选择器


    1、基本选择器
    .class,#id,element

    2、层次选择器
    $('ul li'),$('father>child')
    若以上元素用class选择都可以选中下级元素,若是一般标记则结果不同。

    3、基本过滤选择器
    :first,:last,:not(选择器),:even(注:偶数,索引从0开始),:odd,
    :eq(index),:gt(index),:lt(index),:header选取页面所有标题元素
    :animated选取当前正在执行动画的所有元素

    4、内容过滤选择器
    :contains(text)选取含有文本内容为text的元素;
    :empty选取内容为空的元素;
    :has(选择器)选取含有某选择器的父元素;
    :parent选取拥有二级元素的父元素

    5、可见性过滤选择器
    :hidden,:visible

    6、属性过滤选择器
    [属性名称]选取拥有此属性的元素,比如li[class]
    [属性名称=某值]
    [属性名称!=某值]
    [属性名称^=某值] 选取属性值以某值开头的元素
    例:li[class^=dv]
    [属性名称$=某值] 选取属性值以某值结尾的元素
    例:li[class$=s]
    [属性名称*=某值] 选取属性值包含某值的元素

    7、子元素过滤选择器
    :nth-child(index/even/odd/equation)
    index从1算起,选取第二个子元素以及元素下的第二个子元素
    :first-child选取上级元素的第一个子元素(包括孙子元素)
    :last-child选取上级元素的最后一个子元素(包括孙子元素)
    :only-child选取父元素只有一个子元素的元素

    8、表单对象选择器
    :input,:text,:password,:checkbox,:submit,:images,:reset,:button,:file,:hidden

    9、表单属性状态过滤选择器
    :enable选取所有可用元素;
    :disable选取所有不可用元素;
    :checked选取所有被选中的元素(单选框,复选框);
    :selected选取所有被选中的下拉元素

  • 相关阅读:
    前端git开发分支各种场景管理
    RxJS Subject学习
    微信小程序登陆流程(20200322)
    vue依赖收集的策略
    eggjs2.x版本异步获取config配置方案
    dubbo连接过程
    计算机中对流的理解
    Egg.js运行环境配置场景
    Promise和Observable的映射
    eggjs异常捕获机制
  • 原文地址:https://www.cnblogs.com/camille666/p/jquery_selector.html
Copyright © 2020-2023  润新知