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 App自动更新解决方案(DownloadManager)

    一开始,我们先向服务器请求数据获取版本 public ObservableField<VersionBean> appVersion = new ObservableField<&g ...

  2. MySQL 部署 MHA 高可用架构 (二)

    实现 MHA VIP 功能 配置 master_ip_failover 脚本(db3) 把 master_ip_failover 上传到 /iba/software 上 master_ip_failo ...

  3. Ubuntu 镜像制作 官方教程

    rufus工具下载:下载链接 官方教程:官方教程链接 软件界面预览: 资源来源自网络,如果对您有帮助,请点击推荐~. 我尝试了这个方法可以用.电脑重启时,选择从U盘启动,就能安装系统. 参考链接: h ...

  4. itest(爱测试) 3.5.0 发布，开源BUG 跟踪管理& 敏捷测试管理软件

    v3.5.0 下载地址 :itest下载 itest 简介:查看简介 V3.5.0 增加了 9个功能增强,和17个BUG修复 ,详情如下所述. 9个功能增强 : (1)增加xmind(思维导图) 转E ...

  5. 谷歌浏览器安装JsonView插件

    可方便阅读json格式文件,参考https://www.jianshu.com/p/6ea9f2245f4d

  6. jmeter判断请求响应时间，请求下加‘断言持续时间’，添加监听器断言结果；统计超时

  7. Html学习之十（CSS选择器的使用--伪类选择器）

    伪类选择器 一.基于a标签. 1.:hover 选择鼠标滑过的超链接元素 2.:active 选择鼠标单击中的超链接元素 3.:link 选择未被访问的超链接元素 4.:visited 选择已经被访问 ...

  8. 为什么用时序电路实现CPU

    时序电路 我们带着如下疑问来看时序电路: 1.为什么CPU要用时序电路,时序电路与普通逻辑电路有什么区别. 2.触发器.锁存器以及时钟脉冲对时序电路的作用是什么,它们是如何工作的. 带着这两个问题,我 ...

  9. .NET CORE下最快比较两个文件内容是否相同的方法

    本文因为未考虑磁盘缓存, 结果不是很准确, 更严谨的结果请参看本博文的续集 最近项目有个需求,需要比较两个任意大小文件的内容是否相同,要求如下: 项目是.NET CORE,所以使用C#进行编写比较方法 ...

  10. 安装Ubuntu时出现Intel VT-X没有开启

    试了很多种方法,最后原来是只需要进入bosi系统,然后进入Intel Virtual Technology 使之成为Enabled即可,就这么简单粗暴.