jQuery遍历 - 过滤first()，last()和eq()使用
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()使用的更多相关文章
- jQuery 遍历过滤
缩写搜索元素的范围 三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素. 其他过滤方法,比如 filter() 和 not() ...
- jQuery遍历-过滤
缩写搜索元素的范围 三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素. 其他过滤方法,比如 filter() 和 not() ...
- jQuery 遍历 – 过滤
缩小搜索元素的范围 三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素. 其他过滤方法,比如 filter() 和 not() ...
- jQuery 遍历 - 过滤
三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素. 其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不 ...
- JQuery：JQuery遍历详解
JQuery:遍历一.什么是遍历?jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着这个 ...
- jQuery 遍历用法
jQuery 遍历 DOM 树 parent() 方法返回被选元素的直接父元素(找爸爸). parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (找长辈). parents ...
- jquery遍历DOM方法总结
1.jQuery 遍历 - 祖先 向上遍历 DOM 树 这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: parent() parents() parentsUntil() jQuery ...
- jQuery遍历文档(重要)
什么是遍历? jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着这个选择移动,直到抵达您 ...
- jQuery 遍历 - eq() 方法 查找当前元素
jQuery 遍历 - eq() 方法 if(data[i].status !='已送达'){ $('.w-beget').eq(i).attr('disabled','disabled'); }
随机推荐
- 往element 模块里面渲染数据
<template> <div class="hello"> <section class="el-container"> ...
- overflow-x:scroll失效问题解决
在移动设备上设置overflow-x:scroll,大部分机型都是展示正常的,在安卓哦5.0系统上,无论怎么样滚动条都不会生效,终于找到了解决办法: display: -webkit-box; // ...
- python生产者和消费者模式实现(三)进程池方式
注意:如果要使用Pool(进程池方式)创建进程,就需要使用multiprocessing.Manager()中的 Queue(),而不是multiprocessing.Queue() import t ...
- mysql-操作篇
# ### mysqlctrl + l 清屏ctrl + c 终止[linux]service mysql start 启动mysqlservice mysql stop 停止mysqlservice ...
- C++编程思想 - 对象的创建和使用
前言 用户定义的数据类型(data type)或类(class),是C++区别于传统过程型语言的地方. 通常将创建好的类库存放在库(library)中. 本篇会使用几个C++类库(class libr ...
- table的常用属性
Table属性: Cellspacing:单元格与单元格之间或者单元格与表格之间的 距离. Cellpadding:单元格边框与内容之间的距离 Colspan:跨列.合并列. Rowspan:跨行,行 ...
- linux 基本命令 1
Linux基本命令(一) 目标 熟练使用 Linux常用的命令 ls 查看文件 clear 清空 cd pwd mkdir touch rm cp mv tree chmod find gr ...
- nextjs作为koa中间件的使用
react客户端渲染的缺点:首屏速度慢,对SEO不友好 浏览器请求步骤 客户端跳转 1. ...
- 10.12 csp-s模拟测试70 木板+打扫卫生+骆驼
T1 木板 求$[\sqrt{n},n)$间有多少个数的平方是n的倍数 通过打表可以发现(我没带脑子我看不出来),符合条件的数构成一个等差数列,公差为首项 而首项就是将n质因数分解后每个质因数出现次数 ...
- Unity Glossary
https://docs.unity3d.com/2018.4/Documentation/Manual/Glossary.html 2D terms 2D Physics terms AI term ...