您的位置:1010cc时时彩经典版 > 1010cc时时彩客户端 > 1010cc时时彩经典版jQuery过滤选择器详解,jquery过

1010cc时时彩经典版jQuery过滤选择器详解,jquery过

发布时间:2019-08-13 07:49编辑:1010cc时时彩客户端浏览(195)

    jQuery学习之过滤选拔器,jquery过滤选用器

    :first 选择第一个成分:$("div:first")

    :last 采取最终叁个因素:$("div:last")

    :not(selector) 抽取除selector之外的其余因素:$("div:not(.class)")

    :even 选用索引为偶数的要素:$("div:even")

    :odd 选择索引为奇数的成分:$("div:odd")

    :eq(index) 索引等于index:$("div:eq(1)")

    :gt(index) 索引大于index:$("div:gt(1)")

    :lt(index) 索引小于index:$("div:lt(1)")

    :header 选取具备标签成分(h1,h2,h3):$("div:header")

    :animated 选取当前正值实施动画的有着因素:$("div:animated")

     

    剧情过滤选择器

    :contain(text) 接纳文本含有text的因素:$("div:contain('Hello world')")

    :empty 选拔不含有子成分只怕文本的空成分:$("div:empty")

    :has(selector) 选择含有选用器所相配的成分的元素:$("div:has(p)")

    :parent 选拔含有子元素恐怕文本的因素:$("div:parent")

     

    可知性过滤采用器

    :hidden 接纳不可见的要素

    :visible 选择可知的因素

     

    质量过滤选用器

    [attribute] 选拔具备此属性的要素:$("div[align]")

    [attribute=value] 选用属性值为value的要素:$("div[align=center]")

    [attribute!=value] 选拔属性值不为value的因素:$("div[align!=center]")

    [attribute^=value] 接纳属性值以value开首的因素:$("div[align^=center]")

    [attribute$=value] 采取属性值以value甘休的因素:$("div[align$=center]")

    [attribute*=value] 选拔属性值含有value的因素:$("div[align*=c]")

    [attribute][attribute][attribute] 用属性选取器合併成的采取器:$("div[align*=c][id][class]")

     

    子成分过滤选用器

    :nth-child(index/even/odd/equation) 接纳各类父成分下第index个要素(从1开头)

    :first-child 选择种种父成分的率先个子成分

    :last-child 选择各样父成分的末尾一个子成分

    :only-child 相称独有二个子成分的父成分的子成分

     

    表单对象属性过滤选取器

    :enabled 选拔全部可用成分

    :disabled 选择全体不可用成分

    :checked 采用全数被选瓜月素(单选框,复选框)

    :selected 选择全部被入选成分(下拉列表)

    :first 选用第贰个要素:$("div:first") :last 选用最后一个成分:$("div:last") :not(selector) 抽出除selector之...

    核心过滤采取器

    原稿链接

    jQuery过滤选用器详解

    :first 选拔第一个要素:$("div:first")

     

    中央过滤选拔器

    :last 采用最终贰个要素:$("div:last")

    jQuery 的抉择器分为着力选拔器,档案的次序选取器,过滤选拔器,表单选拔器。

    分选第三个要素(:first)

           //选择第一个div元素.
          $('#btn1').click(function(){
              $('div:first').css(background,#bfa);
          })
    

    :not(selector) 收取除selector之外的其余因素:$("div:not(.class)")

    1010cc时时彩经典版 11010cc时时彩经典版 21010cc时时彩经典版 3

    慎选最后七个要素(:last)

          //选择最后一个div元素.
          $('#btn2').click(function(){
              $('div:last').css(background,#bfa);
          })
    

    :even 选拔索引为偶数的要素:$("div:even")

     

    删除全部的与给定选取器相称的要素(:not(selector))

          //选择class不为one的 所有div元素.
          $('#btn3').click(function(){
              $('div:not(.one)').css(background,#bfa);
          })
    

    :odd 选取索引为奇数的要素:$("div:odd")

    选择器 
        神马是挑选器 
            通过点名的平整得到符合条件的要素集结的章程。 
            jQuery承袭了CSS选取器风格。协理CSS1,CSS2全体和部分的CSS3采取器。 
        基本选项器 
            #id  指定Id 
            .class 内定类名 
            element 钦赐标签字 
            * 全部因素 
            selector1,selector2....  重临种种选取器的结果集的会见运算 
        档次选拔器 
            "ancestor descendant"  选中ancestor里面包车型客车有所后代成分 如$("div span") 
            "parent>child" 选中parent成分下的子成分   如$("div >span") 
            "prev next" 选中紧接在prev成分后的next成分   如$(".one div") 与next方法等价 
            "prev~sibling" 选中prev成分之后的有所sibling成分   如$("#two~div") 与nextAll方法等价 
        过滤选取器 
            
                基本 
                :first 第二个要素 如$("div:first") 
                :last 选中最终四个要素 如$("div:last") 
                :not(slector) 除开与钦定接纳器相称的因素 如$("input:not(.myClass)") 
                :even 接纳索引是偶数的享有因素,索引从0开端如$("input:even") 
                :odd 采取索引是奇数的有所因素 如$("input:odd") 
                :eq(index) 选择索引等于index的要素 如$("input:eq(1)") 
                :gt(index) 选取索引大于index的成分 如$("input:gt(1)") 
                :lt(index) 采纳索引小于index的要素 $("input:lt(1)") 
                :header 选择具备的标题元素, h1,h2.. 如$(":header") 
                :animated 采取当前正在进行的动画成分 如$("div:animated")

    分选索引是偶数的装有因素,索引从0开端(:even)

          //选择 索引值为偶数 的div元素。
          $('#btn4').click(function(){
              $('div:even').css(background,#bfa);
          })
    

    :eq(index) 索引等于index:$("div:eq(1)")

                            内容 
                            :contains(text) 选拔含有文本内容为"text" 的因素 
                :empty 选用不带有子成分或文本的空元素 
                :has(selector) 选用含有选用器所相称的成分的元素如$("div:has(p)") 
                :parent 接纳含有子成分或文本的因素 如$("div:parent") 
                            可见性 
                            :hidden 选拔具备不可知成分 包涵type="hidden" 
                :visible 选用具备可知成分 如$("div:visible") 
                            属性 
                            [attribute] 采取具有此属性的元素如$("div[id]") 
                [attribute=value] 采取属性值为value的要素 
                [attribute!=value] 选用属性值不为value的要素 
                [attribute^=value] 采纳属性值以value开端的因素 
                [attribute$=value] 选取属性值以value结尾的因素 
                [attribute*=value] 采取属性值含有value的成分 
                [selector1][selector2][selector3].. 各类选拔器结果交集 如$("div[id][title$='test']") 
                            子元素 
                            :net-child(index/even/odd/equation) 选取种种父成分下的第index个恐怕奇偶成分(index从1算起) 
                :first-child 选拔各样父成分的率先个子元素 如$("ul li:first-child") 
                :last-child 采取每种父成分的末尾七个子成分 
                :only-child 若是有些成分是它父成分的独一子元素,则相配如$("ul li:only-child") 
                            表单对象属性 
                            :enabled 采取具备可用成分 如$("#form1 :enabled") 
                :disabled 选用具有不可用的要素 
                :checked 采取具有被入选的成分(单选框,单选框d) 
                :selected 选取具备被入选的选项因素(下拉列表)              

    分选索引是奇数的有着因素,索引从0开始(:odd)

          //选择 索引值为奇数 的div元素。
          $('#btn5').click(function(){
              $('div:odd').css(background,#bfa);
          })
    

    :gt(index) 索引大于index:$("div:gt(1)")

    表单采取器 
                        #input  接纳具备的<input> <textare<button>成分 
                        #text 
                        :password 
                        :radio 
                        :checkbox 
                        :submit 
                        :image 
                        :reset 
                        :button 
                        :file 
                        :hidden 

    慎选索引等于钦命index的要素,索引从0起首(:eq(index))

          //选择 索引等于 3 的元素
          $('#btn6').click(function(){
              $('div:eq(3)').css(background,#bfa);
          })
    

    :lt(index) 索引小于index:$("div:lt(1)")

    选料索引大于钦命index的因素,索引从0起头(:gt(index))

          //选择 索引大于 3 的元素
          $('#btn7').click(function(){
              $('div:gt(3)').css(background,#bfa);
          })
    

    :header 选取具备标签成分(h1,h2,h3):$("div:header")

    选取索引小于钦定index的要素,索引从0起首(:lt(index))

         //选择 索引小于 3 的元素
          $('#btn8').click(function(){
              $('div:lt(3)').css(background,#bfa);
          })
    

    :animated 选拔当前正值实行动画的富有因素:$("div:animated")

    选用标题成分(:header)

           //选择 所有的标题元素.比如h1, h2, h3等等...
          $('#btn9').click(function(){
              $(':header').css(background,#bfa);
          })
    

    本文由1010cc时时彩经典版发布于1010cc时时彩客户端,转载请注明出处:1010cc时时彩经典版jQuery过滤选择器详解,jquery过

    关键词: