zoukankan      html  css  js  c++  java
  • JQuery 的选择器

    1、jQuery 所支持的基本CSS的选择器(选择器、描述):
    
    *    匹配任何元素
    E    匹配标签名称为 E 的所有元素
    E F    匹配标签名称为 F 、作为 E 的后代节点的所有元素
    E>F    匹配标签名称为 F 、作为 E 的直接子节点的所有元素
    E+F    匹配前面邻近兄弟节点 E 的所有元素 F (E和F紧挨着)
    E~F    匹配前面任何兄弟节点 E 的所有元素 F (E和F可以不紧挨着)
    E:has(F)    匹配标签名称为 E 、后代节点含有 F 的所有元素
    E.C    匹配 class 属性值为 C 的所有元素 E
    E#I    匹配 id 属性值为 I 的所有元素 E
    E[A]    匹配带有 A 属性的所有元素 E
    E[A=V]    匹配带有 A 属性为 V 的所有元素 E
    E[A^=V]    匹配带有 A 属性以 V 开头的所有元素 E
    E[A$=V]    匹配带有 A 属性以 V 结尾的所有元素 E
    E[A*=V]    匹配带有 A 属性包含 V 的所有元素 E
    
    2、jQuery 所支持的基于DOM的位置选择器(选择器、描述):
    
    :first    匹配第一个元素。    li a:first    匹配 li 元素下的第一个 a 元素。
    :last    匹配最后一个元素。    li a:last    匹配 li 元素下的最后一个 a 元素。
    :first-child    匹配第一个子元素。    li:first-child    匹配 li 元素中的第一个子元素。
    :last-child    匹配最后一个子元素。    li:last-child    匹配 li 元素中的最后一个子元素。
    :only-child    匹配没有兄弟节点的所有元素。
    :nth-child(n)    匹配第n个子节点(n从1开始)。    li:nth-child(2)    匹配每个列表的第二个 li 元素。
    :nth-child(odd|even)    匹配奇数或偶数的子节点。    li:nth-child(even)    匹配每个列表的偶数子节点。
    :nth-child(Xn+Y)    匹配根据传入的公式计算的第n个子节点(n从0开始)。    li:nth-child(3n)    匹配3的倍数的项;li:nth-child(5n+1)    匹配5的倍数的项的下一项。(注意:根据Xn+Y计算得到的结果数列中,不包括0。)
    :odd 或 :even    匹配页面范围内奇数或偶数的元素。    li:even    匹配全部偶数的    li    项。
    :eq(n)    匹配第n个元素(n从0开始)。
    :gt(n)    匹配第n个元素之后的元素,但不包括n。(n从0开始)
    :lt(n)    匹配第n个元素前的元素,但不包括n。(n从0开始)
    
    注意:选择器 :nth-child 从1开始计数,而其他选择器从0开始计数。这是为了与CSS兼容。
    
    3、jQuery 自定义的筛选选择器(选择器、描述):
    
    :animated    匹配当前处于动态控制之下的元素
    :button    匹配任意按钮(input[type=submit], input[type=reset], input[type=button] 或 button)
    :checkbox    匹配复选框元素(input[type=checkbox])
    :checked    匹配已选中的复选框或单选按钮
    :contains(foo)    匹配只包含文本 foo 的元素
    :disabled    匹配在界面上已经禁用的表单元素
    :enabled    匹配在界面上已经启用的表单元素
    :file    匹配所有文件框元素。    input[type=file]
    :header    匹配所有标题元素。    h1, h2, h3, h4, h5, h6
    :hidden    匹配所有隐藏的元素
    :image    匹配表单的图像元素。    input[type=image]
    :input    匹配所有表单元素。    input, select, textarea, button
    :not(filter)    匹配元素为根据指定的筛选器进行求反
    :parent    匹配包含后代节点(包括文本)的元素,而排除空元素。
    :password    匹配口令元素。    input[type=password]
    :radio    匹配单选按钮元素。    input[type=radio]
    :reset    匹配复位按钮元素。    input[type=reset], button[type=reset]
    :selected    匹配已选中的选项元素
    :submit    匹配提交按钮元素。    input[type=submit], button[type=submit]
    :text    匹配文本字段元素。    input[type=text]
    :visible    匹配所有可见元素

    借鉴他人总结之手,丰富自己的知识要点。Mark一下!

    我就是我,记性不好,那就用写的吧。
  • 相关阅读:
    求整数数组(长度为n),出现大于2/n次数的数字
    Job-Show Liang,你来掌管诺基亚王国,可好?
    wp面试题
    启动 Windows Phone 8 内置应用的 URI 方案
    .Net高级面试宝典
    JDK和Tomcat部署
    HAproxy功能配置
    配置HAProxy支持https协议
    Tomcat Cluster负载均衡
    Tomcat会话保持之session server
  • 原文地址:https://www.cnblogs.com/rainy0496/p/4745432.html
Copyright © 2011-2022 走看看