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. liteos 异常接管（十五）

    1 概述 1.1 基本概念 异常接管是操作系统对在运行期间发生异常的情况进行处理的一系列动作,譬如打印异常发生时当前函数调用栈信息. cpu现场信息.任务的堆栈情况等. 异常接管作为一种调测手段,可以 ...

  2. [Go] gocron源码阅读-通过第三方cli包实现命令行参数获取和管理

    gocron源码中使用的是下面这个第三方包来实现的,下面就单独的拿出来测试以下效果,和官方flag包差不多 go get github.com/urfave/cli package main impo ...

  3. 【hdu3311】Dig The Wells（斯坦纳树+dp）

    传送门 题意: 给出\(n\)个重要点,还有其余\(m\)个点,\(p\)条边. 现在要在这\(n+m\)个点中挖几口水井,每个地方的费用为\(w_i\).连接边也有费用. 问使得这\(n\)个地点都 ...

  4. 【洛谷P2494】 [SDOI2011]保密（分数规划+最小割）

    洛谷 题意: 题意好绕好绕...不想写了. 思路: 首先类似于分数规划做法,二分答案得到到每个点的最小危险度. 然后就是在一个二分图中,两边撤掉最少的点(相应代价为上面算出的危险度)及相应边,使得中间 ...

  5. 初学JavaScript正则表达式(五)

    范围类 [ ] 例: 'a1b1c1s1v1d1f1'.replace(/[a-z]/g,'q') //q1q1q1q1q1q1q1 将a-z范围内的字符替换为q 'a1b1c1s1v1d1f1AKS ...

  6. 报错Error resolving template template might not exist or might not be accessible解决方案

    "C:\Program Files\Java\jdk1.8.0_144\bin\java" "-javaagent:D:\IntelliJ IDEA Community ...

  7. c# 第21节 方法声明和调用

    本节内容: 1:为什么要有方法 2:方法的声明及使用 3:方法params 传入接收数组 4:值传递和引用传递 5:输出参数out 1:为什么要有方法 2:方法的声明及使用 声明实例: 3:方法par ...

  8. 201871010111-刘佳华《面向对象程序设计（java）》第十一周学习总结

    201871010111-刘佳华<面向对象程序设计(java)>第十一周学习总结 实验九  泛型程序设计技术 实验时间 2019-11-8 1.实验目的与要求 (1) 理解泛型概念: (2 ...

  9. 20191028 牛客网CSP-S Round2019-1

    花了 \(30min\) 打了 \(180\) 分的暴力... 仓鼠的石子游戏 问题描述 链接:https://ac.nowcoder.com/acm/contest/1100/A 仓鼠和兔子被禁止玩 ...

  10. <Binary Search> 81 （高频）34 (很难hard, 高频)315 （hard）354

    81. Search in Rotated Sorted Array II 如果中间的数小于最右边的数,则右半段是有序的,若中间数大于最右边数,则左半段是有序的.而如果可以有重复值,就会出现来面两种情 ...