• 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 元素

     

    转载自:http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

  • 相关阅读:
    gulp-css-spriter 将css代码中的切片图片合并成雪碧图
    通过JS模拟select表单,达到美化效果[demo]
    jQuery拖拽 & 弹出层
    sublime text 快速编码技巧 GIT图
    原生JS不到30行,实现类似javascript MVC的功能-minTemplate
    javascript拖拽原理与简单实现方法[demo]
    滚动焦点图实现原理和实践[原创视频]
    谈一谈值类型与引用类型和装箱与拆箱
    【原创】asp.net内部原理(三) 第三个版本 (最详细的版本)
    由JS函数返回值引发的一场”血案"
  • 原文地址:https://www.cnblogs.com/zeroempty/p/4923153.html
Copyright © 2020-2023  润新知