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

    1.selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。

    <div>div</div>
    <p class="myClass">p class="myClass"</p>
    <span>span</span>

    找出代码中所有的标签

    $("div,p.myClass,span")

    2. :focus 触发每一个匹配元素的focus事件

          当页面加载后将 id 为 'login' 的元素设置焦点:

    $("#login:focus");

    3. :contains 匹配包含给定文本的元素

         查找所有包含 "John" 的 div 元素

      HTML代码:

    <div>John Resig</div>
    <div>George Martin</div>
    <div>Malcom John Sinclair</div>
    <div>J. Ohn

      js代码:

    $("div:contains('John')");

    4.[attribute^=value] 匹配给定的属性是以某些值开始的元素

       查找所有 name 以 'news' 开始的 input 元素

        HTML代码:

    <input name="newsletter" />
    <input name="milkman" />
    <input name="newsboy" />

      JS代码:

    $("input[name^='news']");

    5.[attribute$=value] 匹配给定的属性是以某些值结尾的元素

       查找所有 name 以以 'letter' 结尾的 input 元素

        HTML代码:

    <input name="newsletter" />
    <input name="milkman" />
    <input name="jobletter" />

      JS代码:

    $("input[name$='letter']");

    6.:enabled匹配所有可用元素

        查找所有可用的input元素

        HTML代码:

    <form>
      <input name="email" disabled="disabled" />
      <input name="id" />
    </form>

      JS代码:

    $("input:enabled");

    7.:disabled匹配所有不可用元素

      查找所有不可用的input元素

      HTML代码:

    <form>
      <input name="email" disabled="disabled" />
      <input name="id" />
    </form>

      JS代码:

    $("input:disabled");
  • 相关阅读:
    使用Junit对Spring进行单元测试实战小结
    【VBA编程】02.调试VBA程序
    【VBA编程】01.第一个VBA程序Hello world
    VBA验证工作表是否存在
    VBA对指定单元格填充颜色并且赋值
    Excle中range的一些用法
    Debug.print的用法
    EXCLE图形插入实例
    DB2建立不记录日志的表
    Excle快速输入√与×
  • 原文地址:https://www.cnblogs.com/jingmin/p/6384554.html
Copyright © 2011-2022 走看看