zoukankan      html  css  js  c++  java
  • jquery常见的选择器

    jquery常见的选择器

    具体参考官方API:http://jquery.cuishifeng.cn/

    1. 基本选择器

    
    1.通配符选择器 *  用于选择所有元素
    
    2.元素选择器 选择文档的元素 如html,body,p等
    
    3.ID选择器 ID是页面唯一标值,ID只能用一次.以#ID标值.如#firstname是以ID为firstname的元素
    
    4.class选择器.选择器仅可以选择同时包含这些类名的元素。以.class标值。如.intro是以选择class为intro的元素
    
    5.群组选择器 如div,p,.info,选取<div>元素和<p>元素和class为info的元素
    
    

    2.层级选择器

    1.后代选择器 如div p,选取</p><div>元素下所有<p>元素
    
    2.相邻兄弟元素选择器 如div+p,选择所有紧接着</p><div>元素之后的<p>元素
    	
    3.子元素选择器 如div>p,选择所有父级是</p><div>元素内的所有<p>元素
    
    4.通用兄弟选择器 如p~ul ,选择p元素之后的每一个ul元素
    

    3. 筛选器

    1. 基本筛选器

    1. :first  获取第一个元素
    2. :not(selector) 去除所有与给定选择器匹配的元素
    3. :even 匹配所有索引值为偶数的元素,从 0 开始计数
    4. :odd  匹配所有索引值为奇数的元素,从 0 开始计数
    5. :eq(index) 匹配一个给定索引值的元素
    6. :gt(index) 匹配所有大于给定索引值的元素
    7. :It(index) 匹配所有小于给定索引值的元素
    8. :last 获取最后个元素
    9. :header 选择所有标题元素(h1 - h6)
    10. :animated 匹配所有正在执行动画效果的元素
    11. :focus 匹配当前获取焦点的元素
    12. :root 选择该文档的根元素 在HTML中,文档的根元素,和$(":root")选择的元素一样,永远是<html>元素
    13  :target 选择由文档URI的格式化识别码表示的目标元素
    
    

    2. 内容筛选器

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

    3. 可见性

    :hidden  匹配所有不可见元素,或者type为hidden的元素
    :visible 匹配所有的可见元素
    

    4.属性选择器

    1.[attr],如[target],选择所有带有target属性元素(常用)
    
    2.[attr="value"],如[target="blank"],选择选择所有使用target="blank"的元素(常用)
    
    3.[attr~="value"],如[target~="blank"],选择属性包含单词含有blank的元素
    
    4.[attr|="value"],如[target|="blank],选择target|属性的起始值="blank"的所有元素
    
    5.[arttr^="value"],如a[src^="https"],选择每一个src属性的值以"https"开头的元素
    
    6.[arttr$="value"],如a[src$=".pdf"],选择每一个src属性的值以".pdf"结尾的元素
    
    7.[arttr*="value"],如a[src*="runoob"],选择每一个src属性的值包含子字符串"runoob"的元素
    
    

    5.表单对象属性

    1.:input 匹配所有 input, textarea, select 和 button 元素
    2. :text 匹配所有的单行文本框
    3. :password 匹配所有密码框
    4. :radio 匹配所有单选按钮
    5. :checkbox 匹配所有复选框
    6. :submit 匹配所有提交按钮,理论上只匹配 type="submit" 的input或者button,但是现在的很多浏览器,button元素默认的type即为submit,所以很多情况下,不设置type的button也会成为筛选结果.为了防止歧义或者误操作,建议所有的button在使用时都添加type属性. 
    7. :image 匹配所有图像域
    8. :reset 匹配所有重置按钮
    9. :button 匹配所有按钮
    10. :file 匹配所有文件域
    11. :enabled 匹配所有可用元素
    12. :disabled 匹配所有不可用元素
    13. :checked 匹配所有选中的被选中元素(复选框、单选框等,select中的option),对于select元素来说,获取选中推荐使用 :selected
    14. :selected 匹配所有选中的option元素
    

    6.子元素

    1. :first-child 匹配所给选择器( :之前的选择器)的第一个子元素
    类似的:first匹配第一个元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。这相当于:nth-child(1)
    2. :first-of-type 结构化伪类,匹配E的父元素的第一个E类型的孩子。等价于:nth-of-type(1) 选择器.
    3. :last-child 匹配最后一个子元素
    4. :last-of-type 结构化伪类,匹配E的父元素的最后一个E类型的孩子
    5.:nth-child(index) 匹配其父元素下的第N个子或奇偶元素
    6. :nth-of-type(n|even|odd|formula) 选择同属于一个父元素之下,并且标签名相同的子元素中的第n个。
    7. :only-child 如果某个元素是父元素中唯一的子元素,那将会被匹配
    8. :only-of-type  选择所有没有兄弟元素,且具有相同的元素名称的元素.如果父元素有相同的元素名称的其他子元素,那么没有元素会被匹配。
    
  • 相关阅读:
    获取某个文件夹下面的子文件夹(要求是第一级)
    操作手册
    GWT与GXT
    eclipse中出现:The project cannot be built until build path errors are resolved
    eclipse部署项目要做的工作及配置
    如何测试tomcat安装成功
    tomcat的安装及eclipse配置
    配置jdk
    oracle数据库的安装、完全卸载与plsql的安装以及与oracle的连接
    UVA
  • 原文地址:https://www.cnblogs.com/guyanv/p/8747500.html
Copyright © 2011-2022 走看看