zoukankan      html  css  js  c++  java
  • jquery 筛选元素(1)

    .eq()
      减少匹配元素的集合为指定的索引的那一个元素。
      .eq(index)
        index一个整数,指示元素的位置,以0为基数。
      $("li").eq(2).css('background-color', 'red')
        //选择第三个元素将其 将其背景变成红色。
      .eq(-index)
        -index 一个整数,指示元素的位置,从集合中的最后一个元素开始倒数。
      $("li").eq(-2).css('background-color', 'red')
        //选择倒数第二个元素,将其背景变成红色。


    .filter()
      筛选元素集合中匹配表达式或通过函数测试的 那些元素集合。
      .filter(selector)
        一个用于匹配元素的选择器字符串。
      $('li').filter(':even').css('background-color','red');
        // 将为奇数行的元素的背景变成红色。
      .filter(function(index));
        function(index)
          一个函数用作测试集合中的每个元素。this是当前DOM元素。
      $("li").filter(function(index){
        return index % 3 == 2;
      }).css('background-color','red');
        将第三个和第六个三的倍数变成红色。
      .filter(element)
        element 一个或多个DOM元素匹配当前元素集合。
      $("div").filter(".mddle").css("border-color","red");
        获得div 中含有.middle 选择器的元素,将其背景变成红色。
      .filter(jQuery object)

        jQuery object 类型为对象
          用于进一步筛选当前元素集合。

        $("div").filter(function(index){ 
          return index == 1 || $(this).attr("id") =="fourth";
        }).css("border","3px double red")

          获得div 中含有 索引值等于1 或id选择器为 fourth的元素,改成边框。


    .first()
      获取匹配元素集合中第一个元素。
      这个方法不接受任何参数。
      $("li").first().css("background-color",'red');
        //找到里"li"中第一个元素,将背景颜色变成红色。


    .has()
      筛选匹配元素集合中的那些有相匹配的选择器,或DoM 元素。
      .has(selector)
      selector 一个用于匹配元素的选择器字符串。
      .has(contained)
      contained 用于匹配元素的DOM 元素。
        $('li').has('ul').css('background','red');
          过滤出li 中包含 ul 的 元素。
    .is()
      判断当前匹配的元素集合中,是否为一个选择器, DOM 元素,或者jQ 对象, 如果有一个匹配,那么返回true。
      .is(selector)
        一个字符串,包含一个用来匹配元素的选择器表达式。
      .is(function(index))
        一个函数,用来测试集合中的元素..index 索引位置。 this指的是当前的元素。
      .is(jQuery object)
        现有的元素,以匹配当前的元素。
      .is(element)
        element 一个用于匹配的DOM 元素。
          $("input[type='checkbox']").parent().is("form");
          判断表单类型为checkbox 的元素的父级是不是 'form' 如果是返回 true 不是返回 false
    .last()
      获取匹配元素中的最后一个。
        这个方法不接受任何参数。
      $("li").last().css("background-color",'red');
        //找到里"li"中最后一个元素,将背景颜色变成红色。
    .map()
      通过一个函数匹配当前集合中的每一个元素。产生一个包含新的对象。
      .map(callback(index,domElemnt))
        callback(index,domElemnt)
      一个函数对象。
        $('input').map(function(){
          return $(this).val();
        }) 获取到input 集合中每个的value 值。
    .not()
      从匹配的元素集合中移除指定的元素。
      .not(selector)
        selector 一个用于匹配元素的选择器。
      $('li').not($('.notli')).css('background-color',red);
        除带有.notli 选择器以外的 背景颜色设置为红色。
      .not(elements)
        elements 要从元素集合中移除的一个或或多个DOM 元素。
          $('li').not(':event').css('background-color','red')
        列表项2和4会变成红色。因为不匹配选择器。
          $('p').not($("div p.selected"))
            从段落集合中移除满足“div p.selected”的元素。
        .not(function(index))
          unction 一个函数用作测试集合中的每个元素,this 是指当前的DOM元素。
    .slice()
      根据指定的下标范围,过滤匹配的元素集合,生产一个的对象。
      .slice(start[,end])
        start 一个整数,从0开始计数的下标。起始下标,如果是负数可从末尾开始。
        end 一个整数,从0开始计数的下标。结束下标,如果不写一直到最后。
      $('li').slice(2).css('background-color', 'red')
        从集合中第三个开始 背景全部为白色。
      $('li').slice(2, 4).css('background-color', 'red');
        从集合中第三和第四项列表背景会被设置为红色。

  • 相关阅读:
    koa2环境搭建
    单例模式
    nodejs fs path
    path node
    webpack code splitting
    babel 插件编写
    C#验证码类
    C#身份证识别相关技术
    C# Socket服务端与客户端通信(包含大文件的断点传输)
    动态抓取网页信息
  • 原文地址:https://www.cnblogs.com/nmxs/p/4900424.html
Copyright © 2011-2022 走看看