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");
  • 相关阅读:
    OpenCV图像的二值化
    OpenCV图像Canny边缘检测
    OpenCV图像的缩放
    OpenCV加载图像并显示
    MFC主窗口架构模型
    MFC架构
    C++多态
    uniGUI试用笔记(九)
    uniGUI试用笔记(八)
    uniGUI试用笔记(七)
  • 原文地址:https://www.cnblogs.com/jingmin/p/6384554.html
Copyright © 2011-2022 走看看