• jQuery筛选


    1.filter筛选出与指定表达式匹配的元素集合

      html:

    <p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>

        js:

    $("p").filter(".selected")

       结果:

    <p class="selected">And Again</p>

    2.map将一组元素转换成其他数组

      html:

    <p><b>Values: </b></p>
    <form>
      <input type="text" name="name" value="John"/>
      <input type="text" name="password" value="password"/>
      <input type="text" name="url" value="http://ejohn.org/"/>
    </form>

      js: 

    $("p").append( $("input").map(function(){
      return $(this).val();
    }).get().join(", ") );//将所有input表单中的value值插入到p标签中

       结果:

    <p>John, password, http://ejohn.org/</p> 

     3.contents()查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容

      html:

    <p>Hello <a href="http://ejohn.org/">John</a>, how are you doing?</p>

        JS:

    $("p").contents().not("[nodeType=1]").wrap("<b/>");//给P标签中,节点不为1的内容都加上p标签

        结果:

    <p><b>Hello</b> <a href="http://ejohn.org/">John</a>, <b>how are you doing?</b></p>
  • 相关阅读:
    冒泡排序&快速排序
    1252. Cells with Odd Values in a Matrix
    位运算小结
    832. Flipping an Image
    1812. Determine Color of a Chessboard Square
    10、属性、构造函数与析构函数
    09、封装与类成员
    07、面向对象简介
    06、C#异常处理
    03、运算符
  • 原文地址:https://www.cnblogs.com/jingmin/p/6417571.html
Copyright © 2020-2023  润新知