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

    选择器:                实例:                            选取:
    *                         $("*")                             所有元素
    #id                      $("#lastname")                 id="lastname" 的元素
    .class                    $(".intro")                     所有 class="intro" 的元素
    element                $("p")                            所有 <p> 元素
    .class.class            $(".intro.demo")             所有 class="intro" 且 class="demo" 的元素
                
    :first                     $("p:first")                     第一个 <p> 元素
    :last                     $("p:last")                     最后一个 <p> 元素
    :even                     $("tr:even")                     所有偶数 <tr> 元素
    :odd                     $("tr:odd")                     所有奇数 <tr> 元素
                
    :eq(index)                      $("ul li:eq(3)")                     列表中的第四个元素(index 从 0 开始)
    :gt(no)                           $("ul li:gt(3)")                      列出 index 大于 3 的元素
    :lt(no)                            $("ul li:lt(3)")                          列出 index 小于 3 的元素
    :not(selector)                  $("input:not(:empty)")             所有不为空的 input 元素
                
    :header                          $(":header")                             所有标题元素 <h1> - <h6>
    :animated                                                                     所有动画元素
                
    :contains(text)              $(":contains('W3School')")         包含指定字符串的所有元素
    :empty                         $(":empty")                             无子(元素)节点的所有元素
    :hidden                         $("p:hidden")                          所有隐藏的 <p> 元素
    :visible                          $("table:visible")                       所有可见的表格
                
    s1,s2,s3                        $("th,td,.intro")                 所有带有匹配选择的元素
                
    [attribute]                     $("[href]")                         所有带有 href 属性的元素
    [attribute=value]           $("[href='#']")                    所有 href 属性的值等于 "#" 的元素
    [attribute!=value]          $("[href!='#']")                 所有 href 属性的值不等于 "#" 的元素
    [attribute$=value]         $("[href$='.jpg']")             所有 href 属性的值包含以 ".jpg" 结尾的元素
                
    :input                     $(":input")                          所有 <input> 元素
    :text                     $(":text")                            所有 type="text" 的 <input> 元素
    :password             $(":password")                     所有 type="password" 的 <input> 元素
    :radio                    $(":radio")                          所有 type="radio" 的 <input> 元素
    :checkbox             $(":checkbox")                     所有 type="checkbox" 的 <input> 元素
    :submit                 $(":submit")                        所有 type="submit" 的 <input> 元素
    :reset                    $(":reset")                          所有 type="reset" 的 <input> 元素
    :button                 $(":button")                        所有 type="button" 的 <input> 元素
    :image                  $(":image")                         所有 type="image" 的 <input> 元素
    :file                     $(":file")                                 所有 type="file" 的 <input> 元素
                
    :enabled                 $(":enabled")                     所有激活的 input 元素
    :disabled                 $(":disabled")                     所有禁用的 input 元素
    :selected                 $(":selected")                     所有被选取的 input 元素
    :checked                 $(":checked")                     所有被选中的 input 元素
    :has(selector)                                                 选择至少包含一个指定选择器的元素的元素
    prev ~ siblings                                               匹配prev元素之后的所有兄弟元素

     1 <script type="text/javascript">
     2         $('div span');                //显示<div>中所有的<span>标记
     3         $('div>span');                //显示<div>中子<span>标记
     4         $('divT + div');            //显示ID为divT元素后的下一个<div>
     5         $('divT ~ div');            //显示ID为divT元素后的所有<div>
     6         $('divT').siblings('div');    //显示ID为divT元素的所有相邻的<div>
     7         $("[href]")                 //选取所有带有 href 属性的元素。
     8         $("[href='#']")             //选取所有带有 href 值等于 "#" 的元素。
     9         $("[href!='#']")             //选取所有带有 href 值不等于 "#" 的元素。
    10         $("[href$='.jpg']")         //选取所有 href 值以 ".jpg" 结尾的元素。
    11         $("tr:nth-child(1)")        //选择每个表格的第一个元素
    12 </script>
  • 相关阅读:
    【模板】Sparse-Table
    UVa 11235 Frequent values
    【模板】树状数组
    UVa 1428 Ping pong
    数学技巧
    UVa 11300 Spreading the Wealth
    UVa 11729 Commando War
    UVa 11292 Dragon of Loowater
    POJ 3627 Bookshelf
    POJ 1056 IMMEDIATE DECODABILITY
  • 原文地址:https://www.cnblogs.com/wxydigua/p/3256608.html
Copyright © 2011-2022 走看看