.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');
    从集合中第三和第四项列表背景会被设置为红色。

jquery 筛选元素(1)的更多相关文章

  1. jquery筛选元素函数

    jquery筛选元素函数 1.过滤匹配第二个p元素: $("button").click(function(){ $("p").eq(1).css(" ...

  2. jquery 筛选元素 (3)

    .addBack() 添加堆栈中元素集合到当前集合中,一个选择性的过滤选择器. .addBack([selector]) selector 一个字符串,其中包括一个选择器表达式,匹配当前元素集合,不包 ...

  3. jquery 筛选元素 (2)

    .add() 创建一个新的对象,元素添加到匹配的元素集合中. .add(selector) selector 一个字符串表示的选择器表达式.找到更多的元素添加到匹配的元素集合. $("p&q ...

  4. js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

    转载:https://www.cnblogs.com/ooo0/p/6278102.html js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) ...

  5. javascript 常见数组操作( 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方)

    主要内容: 1.数组整体元素修改 2. 数组筛选 3.jquery 元素转数组 4.获取两个数组中相同部分或者不同部分 5.数组去重并倒序排序 6.数组排序 7.数组截取slice 8.数组插入.删除 ...

  6. jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

    一, js 获取元素(父节点,子节点,兄弟节点)   var test = document.getElementById("test"); var parent = test.p ...

  7. js/jquery获取元素,元素筛选器

    1.js获取元素 var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 ...

  8. jQuery操作元素

    通常,我们在创建元素时,会使用以下代码: var p = document.createElement("p"); p.innerText = "this is para ...

  9. Javascript及Jquery获取元素节点以及添加和删除操作

    用了javascript和jquery很久,把所有元素节点的操作总结了下,放在博客上作为记录. Javascript获取元素的主要方式有三种 1.document.getElementById('ma ...

随机推荐

  1. Mongodb installation & userguide

    1.Mongodb Installation in Ubuntu (1) Download from: https://www.mongodb.org/downloads File: mongodb- ...

  2. (转)Nmap命令的29个实用范例

    Nmap命令的29个实用范例 原文:http://os.51cto.com/art/201401/428152.htm Nmap即网络映射器对Linux系统/网络管理员来说是一个开源且非常通用的工具. ...

  3. php锁定文本框内容的方法

    有时候我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如<input type="text" name="zg" value="中国& ...

  4. mybatis SqlSession事务

    mybatis版本:3.4.6. mybatis默认的SqlSessionFactory是DefaultSqlSessionFactory,它openSession()的源码是: public Sql ...

  5. c#语言自增自减运算符深入剖析

    C语言的++和--对于初学者来说一直都是难题,甚至很多老手也会产生疑惑; 最大的问题在于 ++可以放在变量后面,也可以放在前面; 如 i++; ++i; 自减运算符与++原理一样,只是变量变价为减而已 ...

  6. Android @1x,@2x,@3x 资源文件自动分包工具

    version 1.2 1.修改不用输入扩展名 2.输出路径可选.默认会在输入路径下建文件夹 前沿: 现在开发中ios,android会使用一套图,但是ui设计师给的图命名是以@1x,@2x,@3x这 ...

  7. 《ArcGIS Runtime SDK for Android开发笔记》——(7)、示例代码arcgis-runtime-samples-android的使用

    1.前言 学习ArcGIS Runtime SDK开发,其实最推荐的学习方式是直接看官方的教程.示例代码和帮助文档,因为官方的示例一般来说都是目前技术最新,也是最详尽的.对于ArcGIS Runtim ...

  8. Android - 页面返回上一页面的三种方式

    今年刚刚跳槽到了新公司,也开始转型做Android,由此开始Android的学习历程. 最近在解很多UI的bug,在解bug过程中,总结了在UI的实现过程中,页面返回上一页面的几种实现方式. 一. 自 ...

  9. oracle11g在CentOS6.9上启动脚本

    #!/bin/bash# chkconfig:2345 99 10# description: Startup Script for oracle Database# /etc/init.d/orac ...

  10. 通过CSS3实现:鼠标悬停图片360度旋转效果

    效果很好玩,代码很简单: 效果: 鼠标放置在图片上:360度顺时针旋转 鼠标离开图片:图片260度逆时针旋转 只要将下面代码拷贝过去,并将图片改成你想要的就可以看到效果 <!doctype ht ...