jQuery遍历 - 过滤
最基本的过滤方法是first()，last()和eq()，它们允许您根据元素在一组元素中的位置选择特定元素。

其他过滤方法（如filter()和not()）允许您选择与特定条件匹配或不匹配的元素。

jQuery first()方法
first()方法返回指定元素的第一个元素。

以下示例选择第一个<div>元素：

<!DOCTYPE html>

<html>

<meta charset="UTF-8">

<title>jq</title>

<head>

//引用自己的jq库路径

<script type="text/javascript" src="jquery-1.12.4.min.js"></script>

<script>

$(document).ready(function () {

$("div p").first().css("background-color", "red");

});

</script>

</head>

<body>

<h1>欢迎访问jq教程</h1>

<div>

<p>这是 div 中的第一个p段落。</p>

</div>

<div>

<p>这是 div 中的最后一个p段落。</p>

</div>

<p>这是一个p段落。</p>

</body>

</html>

jQuery last()方法

last()方法返回指定元素的最后一个元素。

以下示例选择最后一个<div>元素：
<!DOCTYPE html>

<html>

<meta charset="UTF-8">

<title>jq</title>

<head>

//引用自己的jq库路径

<script type="text/javascript" src="jquery-1.12.4.min.js"></script>

<script>

$(document).ready(function () {

    $("div p").last().css("background-color", "red");

});

</script>

</head>

<body>

<h1>欢迎访问jq教程</h1>

<div>

<p>这是 div 中的第一个p段落。</p>

</div>

<div>

<p>这是 div 中的最后一个p段落。</p>

</div>

<p>这是一个p段落。</p>

</body>

</html>
 

jQuery eq()方法
eq()方法返回具有所选元素的特定索引号的元素。

索引号从0开始，因此第一个元素的索引号为0而不是1.以下示例选择第二个<p>元素（索引号1）：

<!DOCTYPE html>

<html>

<meta charset="UTF-8">

<title>jq</title>

<head>

//引用自己的jq库路径

<script type="text/javascript" src="jquery-1.12.4.min.js"></script>

<script>

$(document).ready(function () {

    $("p").eq(1).css("background-color", "red");

});

</script>

</head>

<body>

<h1>欢迎访问jq教程</h1>

<p>jq教程 (index 0).</p>

<p>https://www.jc2182.com (index 1)。</p>

<p>google (index 2).</p>

<p>http://www.google.com (index 3)。</p>

</body>

</html>

jQuery filter() 和 jQuery not()方法

jQuery遍历 - 过滤first()，last()和eq()使用的更多相关文章

  1. jQuery 遍历过滤

    缩写搜索元素的范围 三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素. 其他过滤方法,比如 filter() 和 not() ...

  2. jQuery遍历-过滤

    缩写搜索元素的范围 三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素. 其他过滤方法,比如 filter() 和 not() ...

  3. jQuery 遍历 – 过滤

    缩小搜索元素的范围 三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素. 其他过滤方法,比如 filter() 和 not() ...

  4. jQuery 遍历 - 过滤

    三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素. 其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不 ...

  5. JQuery：JQuery遍历详解

    JQuery:遍历一.什么是遍历?jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着这个 ...

  6. jQuery 遍历用法

    jQuery 遍历 DOM 树 parent() 方法返回被选元素的直接父元素(找爸爸). parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (找长辈). parents ...

  7. jquery遍历DOM方法总结

    1.jQuery 遍历 - 祖先 向上遍历 DOM 树 这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: parent() parents() parentsUntil() jQuery ...

  8. jQuery遍历文档(重要)

    什么是遍历? jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着这个选择移动,直到抵达您 ...

  9. jQuery 遍历 - eq() 方法 查找当前元素

    jQuery 遍历 - eq() 方法 if(data[i].status !='已送达'){ $('.w-beget').eq(i).attr('disabled','disabled'); }

随机推荐

  1. Android Studio当中的创建新方法的快捷键该如何使用？

    当有红线出现的时候,我们的代码并没有编译出错,则需要输入alt+enter则可以得到相应的神奇效果了.这个方法我竟然今天才知道,也真是丢脸了.比如说我们书写了一个新的没有创建的方法,我们直接输入alt ...

  2. 从 http协议角度解析okhttp

    Okhttp 介绍 OkHttp 是 Square 公司开源的一款网络框架,封装了一个高性能的 http 请求库. 支持 spdy.http2.0.websocket 等协议 支持同步.异步请求 封装 ...

  3. c冒泡排序

    外层循环需要循环和len一样的次数 //定义一个函数,该函数返回NSString void bubbleSort(int nums[],unsigned long len) { //控制本轮循环是否发 ...

  4. [20190524]sqlplus 与输出&.txt

    [20190524]sqlplus 与输出&.txt --//在sqlplus下 &一般作为参数替换,如何要输出&,一般有几种情况.据说这个问题是asktom站点查看最多的问题 ...

  5. SRDC - ORA-1555: Query Duration 0: Checklist of Evidence to Supply (Doc ID 1682704.1)

    SRDC - ORA-1555: Query Duration 0: Checklist of Evidence to Supply (Doc ID 1682704.1) Action Plan 1. ...

  6. android 电容屏（四）：驱动调试之驱动程序分析篇 -- FocalTech

    本人用的触摸屏IC是FocalTech公司的ft5306,是一款i2c的电容屏多点触控芯片.对于它的整体驱动官方已经给了,我们就触摸屏和按键部分的代码做相关说明.说明其中应该注意的地方. 对于所有的i ...

  7. nginx的共享字典项api（操作方法）

    nginx的共享内存,称为共享字典项,对于所有的worker进程都可见,是一种全局变量. 备注一下内容中的 [] 是 备注. 源码分析文档:https://www.codercto.com/a/948 ...

  8. 201571030332 扎西平措 《面向对象程序设计Java》第八周学习总结

    <面向对象程序设计Java>第八周学习总结   项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https: ...

  9. 【声明式事务】Spring事务介绍（一）

    事务管理对于企业应用来说是至关重要的,当出现异常情况时,它也可以保证数据的一致性. Spring事务有两种管理方式:编程式事务和声明式事务 编程式事务使用TransactionTemplate或者直接 ...

  10. C getchar()

    C getchar() #include <stdio.h> int main() { ; char str[size]; ; char ch; printf("Enter wh ...