zoukankan      html  css  js  c++  java
  • jQuery常用的选择器

    一:基本选择器:

    1. id选择器:  $("#id");
    2. 类选择器  $(".类名");
    3. 元素选择器  $("元素名称");
    4. 通配符选择器  $("*");
    5. 并列选择器  $("选择器,选择器,选择器");

    二:层级选择器:

    1. 后代选择器:  使用空格(所有后代含孙子及以下元素)
    2. 子元素选择器:  使用>(儿子)
    3. 下一个元素选择器:  使用+(下一个同辈元素)
    4. 兄弟元素选择器:  使用~(后面所有同辈元素)

    三:基本过滤选择器:

    1. :first  (获取匹配的第一个元素)
    2. :last  (获取匹配的最后一个元素)
    3. :not(selector)  (去除所有与给定选择器匹配的元素)
    4. :even  (匹配所有索引值为偶数的元素,从0开始计数)
    5. :odd  (匹配所有索引值为奇数的元素)
    6. :eq(index)  (匹配一个给定索引值的元素)
    7. :gt(index)  (匹配所有大于给定索引值的元素)
    8. :lt(index)  (匹配所有小于给定索引值的元素)
    9. :header  (匹配如h1,h2,h3之类的标题元素)
    10. :focus  (匹配当前获取焦点的元素)

    四:内容选择器:

    1. :contains(text)  (匹配包含给定文本的元素)
    2. :empty  (匹配所有不包含子元素或者文本的空元素)
    3. :has(selector)  (匹配含有选择器所匹配的元素的元素)
    4. :parent  (匹配含有子元素或者文本的元素)

    五:属性选择器:

    1. [attribute]  (匹配包含给定属性的元素)
    2. [attribute=value]  (匹配给定的属性是某个特定值的元素)
    3. [attribute!=value]  (匹配所有不含有指定的属性,或者属性不等于特定值的元素)
    4. [attribute^=value]  (匹配给定的属性是以某些值开始的元素)
    5. [attribute$=value]  (匹配给定的属性是以某些值结尾的元素)
    6. [attribute*=value]  (匹配给定的属性是以包含某些值的元素)
    7. [attrSel1][attrSel2][attrSelN]  (复合属性选择器,需要同时满足多个条件时使用)

    六:表单选择器:

    1. :input  (匹配所有input,textarea,select,button元素)
    2. :text  (匹配所有的单行文本框)
    3. :password  (匹配所有的密码框)
    4. :radio  (匹配所有的单选按钮)
    5. :checkbox  (匹配所有的复选框)
    6. :submit  (匹配所有提交按钮)
    7. :image  (匹配所有的图像域)
    8. :reset  (匹配所有重置按钮)
    9. :button  (匹配所有的按钮)
    10. :file  (匹配所有文件域)
    11. :hidden  (匹配所有的不可见元素,或者type为hidden的元素)

    七:表单属性选择器:

    1. :enabled  (匹配所有可用元素)
    2. :disabled  (匹配所有不可用元素)
    3. :checked  (匹配所有选中的被选中的元素[复选框|单选框等,不包括select中的option])
    4. :selected  (匹配所有选中的option元素)
  • 相关阅读:
    加入Tomcat插件到ECLIPSE中的方法
    Coursera, Big Data 5, Graph Analytics for Big Data, Week 4
    视觉技术在列车上的应用场景
    AWS Data Analytics Fundamentals 官方课程笔记
    AWS Data Analytics Fundamentals 官方课程笔记
    spark 新建一个column并用另一column的最大值赋值
    AWS Cloud Practioner 官方课程笔记
    spark 自定义 accumulator
    windows 上用 VS Code 编译 C/C++
    spark 问题
  • 原文地址:https://www.cnblogs.com/laodang/p/8940408.html
Copyright © 2011-2022 走看看