1、过滤

　   eq(index|-index)  获取当前链式操作中第N个jquery对象，正数从0开始，负数从-1开始。

　　first 获取当前链式操作中第1个jquery对象

　　last 获取当前链式操作中最后一个jquery对象

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <p>this is a test</p>

    <p>so it is</p>

    <p>this just a test</p>

    <div class="div"></div>

    <script src="jquery-3.1.0.js"></script>

    <script type="text/javascript">

//        获取所有返回的p元素中第一个和第-2个元素

        $("p").eq(1).text()

        $("p").eq(-2).text()

        $("p").first()

        $("p").last()

        console.log(objs)

    </script>

</body>

</html>

　　2、查找

　　children([expre])  所选元素下的所有子元素，

　　find(e|o|e) 搜索所有与指定表达式匹配的元素，包括子元素、孙元素等

　　next(expr) 所有匹配的元素紧临的下一个同辈元素的集合

　　nextAll([expr]) 所有匹配元素后面紧临的所有同辈元素的集合

　　prev([expr]) 所有匹配的元素紧临的前一个同辈元素的集合

　　prevAll([expr]) 所有匹配元素前面紧临的所有同辈元素的集合

　　parent([expr])  所有匹配元素的唯一父元素，即上一级元素，而不包括上上级元素

　　siblings([expr]) 所有匹配元素的前后同辈元素集合

示例代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <!--HTML区域-->

    <h1>第一个标题</h1>

    <div class="nav-2014">

        <div class="w">

            <div class="w-spacer"></div>

            <div class="categorys">

                <div class="dt">家用电器分类</div>

                <div class="dp">家用电器价格</div>

            </div>

            <span class="hr"></span>

            <div class="navitems-2014">

                <div id="treasure"></div>

                <span class="clr"></span>

                <span class="chr"></span>

                男：<input type="checkbox" checked="checked" value="nan">

                女:<input type="checkbox" value="nv">

            </div>

        </div>

    </div>

    <h2>第二个标题</h2>

    <div id="electronic">

        <div id="firstScreen">1

            <div class="w">2</div>

        </div>

        <ul>

            <li class="ui-switch-curr">第一</li>

            <li class="ui-switch-item"></li>

            <li class="ui-switch-next">第三</li>

            <li class="ui-switch-sub">第四</li>

        </ul>

        <ul>

            <div class="ul_div"></div>

            <li class="lizi_ws_fruit" name="zhuang_guo">

                <div class="test">test</div>

                梨</li>

            <li class="ws_pingguo_fruit" name="zhuan_wang">苹果</li>

            <li id="elpsq" name="zhuang_dang"></li>

        </ul>

        <div class="secord_screen">

            <div></div>

        </div>

        <div class="third_screen"></div>

    </div>

    <!--jquery区域-->

    <script src="jquery-3.1.0.js"></script>

    <script>

//        匹配id为electronic元素的所有子元素，即下一级元素,孙元素不包括在内

        $("#electronic").children()

        $("#electronic").children("[class$=screen]")

//        匹配所有ul标签下的所有div标签，包括子元素及孙元素等

        $("ul").find("div")

//        匹配id为firstScreen的元素的下一个同辈元素,即ul元素

        $("#firstScreen").next()

//        匹配span标签的下一个同辈元素中属性为chr的元素

        $("span").next(".chr")

//        匹配id为firstScreen的元素后面的所有紧临同辈元素

        $("#firstScreen").nextAll()

//        匹配div标签中class值为test的父元素

        $("div .test").parent()

//        匹配class属性名为switch的前一个同辈元素

        $(".ui-switch-next").prev()

//        匹配class属性名为switch的前面所有同辈元素

        $(".ui-switch-sub").prevAll()

//        匹配class值为ui-switch-next的元素前后所有同辈元素

        $(".ui-switch-next").siblings()

//        匹配class值为categorys的元素的前后所有同辈元素中，span标签元素

        $(".categorys").siblings("span")

        console.log(objs)

    </script>

</body>

</html>

　　

　　

jquery筛选器的更多相关文章

  1. jQuery 筛选器1

    jQuery 筛选器1 筛选器1: 在选择器选择的基础上在选择一次 // 当前点击的标签$(this) $(this) // .next() 获取当标签的下一个标签 $(this).next(); / ...

  2. jQuery 筛选器2

    jQuery 筛选器2 // 由于$()只能输入字符串$('#li:eq(1)'),可通过.eq()来传入. // 获取this标签中的指定属性 $(this).eq(1) // 获取第一个元素 $( ...

  3. jQuery筛选器及对DOM修改（学习笔记）

    1.jQuery筛选器 注意:请先在管理Nuget程序包中查找jQuery包,并安装.也可以在jQuery官网下载. 实现: <!DOCTYPE html> <html xmlns= ...

  4. 【jQuery】jQuery筛选器规则

    转载自:http://blog.csdn.net/lijinwei112/article/details/6938134 筛选器中加入变量 var ac = "select_" + ...

  5. jQuery筛选器常用总结

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  6. jQuery筛选器及练习

    jQuery初识   jQuery是什么? jQuery是一个兼容多浏览器的JavaScript库. jQuery能极大地简化JavaScript编程,它的宗旨就是:"Write less, ...

  7. jQuery笔记-jQuery筛选器children()详解

    jQuery的选择包含两种,一种是选择器,一种是筛选器.筛选器是对选择器选定的jQuery对象做进一步选择. children()是一个筛选器,顾名思义就是筛选孩子,筛选那些符合条件的孩子. 完整的格 ...

  8. python jQuery筛选器

    筛选器:$(this).next() 下一个    $(this).prev  上一个    $(this).parent()  父     $(this).children() 孩     $(th ...

  9. JQuery筛选器全系列介绍

    jQuery提供了强大的选择器让我们获取对象.在这边,我人为地将jQuery选择器分为两大部分:选择对象和筛选条件.选择对象表示要获取什么对象,筛选条件是对获取的对象进行筛选,最终留下符合某些特征的对 ...

  10. jQuery 筛选器 链式编程操作

    $('#i1').next() 下一个标签$('#i1').nextAll() 兄弟标签中,所有下一个标签$('#i1').nextUntil('#ii1') 兄弟标签中,从下一个标签到id为ii1的 ...

随机推荐

  1. 简单方便的div垂直居中。

    此处讨论的是,在一个父容器中只有一个DIV,这个DIV相对于父元素垂直居中的问题: 以下列举三种方式:这里为了层次清晰,都是采用的sass写法. 一:适用于子元素有具体的宽高 .wrap{ //父元素 ...

  2. 安全协议系列（五）---- IKE 与 IPSec（上）

    IKE/IPSec 属于网络层安全协议,保护 IP 及上层的协议安全.自上个世纪末面世以来,关于这两个协议的研究.应用,已经非常成熟.协议本身,也在不断地进化.仅以 IKE 为例,其对应的 RFC 编 ...

  3. USBD_STATUS

    USBD_STATUS   该USBD_STATUS数据类型为USB请求定义USB状态值.     的typedef LONG USBD_STATUS; USB状态值的最显著4位被如下表中所定义. 值 ...

  4. C语言实现粒子群算法（PSO）二

    上一回说了基本粒子群算法的实现,并且给出了C语言代码.这一篇主要讲解影响粒子群算法的一个重要参数---w.我们已经说过粒子群算法的核心的两个公式为: Vid(k+1)=w*Vid(k)+c1*r1*( ...

  5. 关于最少VC号数目的猜想

    [事先说明,实际的虚拟电路的实际物理链路可能同时具有多个VC号,但每段逻辑链路仅有一个VC号,一条完整虚拟路径由多个段组成] 问题描述: 在一个虚拟电路交换网络中,每个路由器的直连链路都有一个独一无二 ...

  6. UE4 执行Console Command ----ExecuteConsoleCommand

    void UKismetSystemLibrary::ExecuteConsoleCommand(UObject* WorldContextObject, const FString& Com ...

  7. 什么是 kNN 算法？

    学习 machine learning 的最低要求是什么?  我发觉要求可以很低,甚至初中程度已经可以.  首先要学习一点 Python 编程,譬如这两本小孩子用的书:[1][2]便可.   数学方面 ...

  8. 如何控制JVM中的JIT行为？

    首先交代一下我自己的测试环境: Ubuntu 12.04 x86-64,OpenJDK 7 64-bit Server VM(mixed mode) MacOS  10.11,HotSpot  7 6 ...

  9. Swiper 中文API手册（share）

    本文分享自 http://www.cnblogs.com/scavengers/p/3760449.html ---------------------------华丽的分割线------------ ...

  10. How to build the theory on a specific system - may be just a brain storm[clue found]

    Motivation An observation and thoughts on reading Tel G.. Introduction to Distributed Algorithm(seco ...