• jquery选择器


    $("#ID");根据给定的ID匹配一个元素。如果选择器中包含特殊字符,可以用两个斜杠转义。
    返回值:Array<Element>
    #foo\:bar #foo\[bar\] #foo\.bar
    <span id="foo:bar"></span> <span id="foo[bar]"></span> <span id="foo.bar"></span>
    $("元素名");
    根据给定的元素名匹配所有元素 返回值:Array<Element(s)>

    $("div");
    <div>DIV1</div> <div>DIV2</div> <span>SPAN</span>
    [ <div>DIV1</div>, <div>DIV2</div> ]
    $(".类名");根据给定的类匹配元素。
    返回值:Array<Element(s)>
    $(".myClass");
    <div class="notMe">div class="notMe"</div> <div class="myClass">div class="myClass"</div> <span class="myClass">span class="myClass"</span>
    [ <div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ]
    
    
    $("匹配所有");匹配所有元素,多用于结合上下文来搜索。
    返回值:Array<Element(s)>
    $("*")
    <div>DIV</div> <span>SPAN</span> <p>P</p>
    [ <div>DIV</div>, <span>SPAN</span>, <p>P</p> ]

    $("选择器1,选择器2,选择器3,选择器n");将每一个选择器匹配到的元素合并后一起返回。任意多个选择器,并将匹配到的元素合并到一个结果内。
    返回值:Array<Element(s)>
    $("div,span,p.myClass")
    <div>div</div> <p class="myClass">p class="myClass"</p> <span>span</span> <p class="notMyClass">p class="notMyClass"</p>
    [ <div>div</div>, <p class="myClass">p class="myClass"</p>, <span>span</span> ]

    
    
    $("ancestor descendant");在给定的祖先元素下匹配所有的后代元素
    返回值:Array<Element(s)>
    $("form input")
    <form>
    <label>Name:</label>
    <input name="name" />
    <fieldset>
    <label>Newsletter:</label>
    <input name="newsletter" />
    </fieldset>
    </form>
    <input name="none"
    />
    [ <input name="name" />, <input name="newsletter" /> ]

    $("parent > child
    ");在给定的父元素下匹配所有的子元素
    返回值Array<Element(s)>
    $("form > input")

    <form>
      <label>Name:</label>
      <input name="name" />
      <fieldset>
          <label>Newsletter:</label>
          <input name="newsletter" />
     </fieldset>
    </form>
    <input name="none" />

    [ <input name="name" /> ]
    
    
     
     


  • 相关阅读:
    idea的一些常用快捷键
    php加密总结
    C 简单1
    webpack window 添加ES6支出
    webpack window 添加第三方库
    webpack window 处理图片和其他静态文件
    webpack window 使用sass来编译css样式
    webpack window 安装loader
    webpack window dev-server配置
    webpack window下配置的hello world
  • 原文地址:https://www.cnblogs.com/m3Lee/p/3291923.html
Copyright © 2020-2023  润新知