zoukankan      html  css  js  c++  java
  • jQuery学习笔记——筛选元素集合

    filter(expression) 方法

    利用传入的选择器表达式或筛选函数,从集合中筛选元素。

    expression为选择器表达式

    e.g. 对所有标签<a>中title包含文本special的元素应用special类样式。

    $('a').filter('[title*=special]').html("special Link").addClass("special");

    expression为筛选函数  

    filter()方法,当传给它一个函数,它会为每个包装集元素反复调用这个函数,如果函数调用返回false,就删除当前元素。利用筛选函数体的函数上下文this,每次调用都能存取当前包装集元素。

    e.g. 创建包含数字值的所有<td>元素的包装集。  

    $('td').filter(function()
    {
       console.log(this.innerHTML.match(/^\d+$/)) ;
    })

    jQuery遍历——slice(begin, end)方法

    把匹配元素集合缩减为指定的指数范围的子集。

    参数说明:

    begin:基于零的整数值,指示开始选取元素的位置。如果是负数,则只是从集合末端开始的偏移量。

    end: 基于零的整数值,指示结束选取元素的位置(此位截止,往前偏一位),如果省略,则选取范围会在集合末端结束。如果是负数,同上。

    e.g.

    <ul>
            <li><a href="http://jquery.com/ui" id="a1" class="link"><b>link1</b></a></li>
            <li><a href="http://jquery.com/doc"" id="a2" class="link">link2</a></li>
            <li><a href="http://jquery.com/demo" id="a3" class="link">link3</a></li>
            <li><a href="#" id="a4" class="link" title="special">link4</a></li>
            <li><a href="#" id="a5" class="link"title="special">link5</a></li>
            <li><a href="#" id="a6" class="link"title="special">link6</a></li>
    </ul>

    1、选取从第3个<li>元素开始到第四个的集合。

      $("body ul li").slice(2,4)

     2、选取从第三个<li>元素开始到最后的集合。

      $("body ul li").slice(2)

  • 相关阅读:
    vuex 简单理解
    es2015(es6)学习总结
    工作资源知识点总结收集
    margin-top使用需要注意的地方
    关于用display:table让元素居中的小结
    display:table-cell
    margin:0 auto;不居中
    css选择器总结
    css 选择器优先级
    给行内元素加上绝对定位之后,元素属性的变化
  • 原文地址:https://www.cnblogs.com/technote/p/3024471.html
Copyright © 2011-2022 走看看