zoukankan      html  css  js  c++  java
  • Jquery选择器

    基本选择器:
    
    $("#myid")      匹配一个id为myid的元素。 return 对象 
    $(element)      匹配所有的element元素    return 数组
    $(".myclass")    匹配所有class为myclass的元素 return 数组
    $("*")        匹配所有元素 html head body... return 数组
    $(s1,s2,s3)    匹配所有满足s1或s2或s3的元素 return 数组
    
    层次选择器:
    $("div p")   匹配所有div下的p元素
    $("div>p")   匹配所有上级元素为div的p元素
    $("h1+div")   匹配所有div同级之前为h1的元素()
    $("h1~div")   匹配h1同级之后的元素div
    
    基本过滤选择器:
    $(":first")    匹配第一个元素
    $(":last ")    匹配最后一个元素
    :not(selector)    匹配不满足selector的元素
    :has(selector) 匹配包含满足selector的元素。
    :even       从匹配的元素集中取序数为偶数的元素
    :odd       从匹配的元素集中取序数为奇数的元素
    :eq(index)   从匹配的元素集中取第index个元素
    :gt(index)   从匹配的元素中取序数大于index的元素
    :lt(index)   从匹配的元素中取序数小于index的元素
    :header     匹配所有的标题元素
    :animated   匹配正在执行动画的元素
    :empty     匹配所有没有子元素(包括文本内容)的元素
    :parent     匹配包含子元素(包含文本内容)的所有元素
    :contains(text) 匹配所有含有text的元素
    :hidden     匹配所有隐藏的元素,包含属性type值为hidden的元素
    :visible      匹配所有非隐藏的元素
    
    子元素过滤器:
    E:nth-child(index/even/odd/equation) 匹配所有E在其父元素下满足(index/even/odd/equation)条件的集合。注:下标从1开始
    E:first-child   匹配所有E在其父元素下是第一个子元素的集合
    E:last-child   匹配所有E在其父元素下是最后一个子元素的集合
    E:only-child   匹配所有E是其父元素的唯一子元素的集合
    
    
    表单选择器:
    :input       匹配所有的input、textarea、select、button
    :text       匹配所有type属性为text的元素
    :password     匹配所有type属性为password的元素
    :radio        所有type属性为radio的元素
    :checkbox     所有type属性为checkbox的元素
    :submit     所有type属性为submit的元素
    :image     所有type属性为image的元素
    :reset     所有type属性为reset的元素
    :button      所有type属性为button的元素
    :file       所有type属性为file的元素
    :enabled     匹配所有可用的元素。注:即:not(:disabled),参考:disabled的注释
    :disabled     匹配所有禁用的元素
    :checked     匹配所有被选中的表单 即选择的对象是含有checked属性的所有元素
    :selected      匹配所有选择的表单 即选择的对象是含有selected属性的所有元素
    
    
    属性选择器:
    [attribute]       匹配拥有attribute属性的元素
    [attribute=value]   匹配属性attribute为value的元素
    [attribute!=value] 
    [attribute^=value]   匹配属性attribute的值以value开始的元素
    [attribute$=value]   匹配属性attribute的值以value结尾的元素
    [attribute*=value]   匹配属性attribute的值包含value的元素
    [selector1][selector2][selectorN] 匹配满足属性选择器selector1、selector2、selectorN的元素
  • 相关阅读:
    《人月神话》-读后感2
    自主开发(二)
    自主开发(一)
    《人月神话》-读后感1
    公文流转系统—登录界面
    文件与流课堂实践
    Intern Day22
    Intern Day22
    Intern Day21
    计蒜客T1746
  • 原文地址:https://www.cnblogs.com/zhaojinhui/p/4964758.html
Copyright © 2011-2022 走看看