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'); }
随机推荐
- EGit（Git Eclipse Plugin）使用
https://shihlei.iteye.com/blog/2124411 前言: 1)Git于SVN的不同 Git是分布式数据库,本地创建仓库,即可在本地完成版本控制(等价于SVN在本地 ...
- [20190524]使用use_concat or_expand提示优化.txt
[20190524]使用use_concat or_expand提示优化.txt --//上午看了链接https://connor-mcdonald.com/2019/05/22/being-gene ...
- python中的随机模块random
random模块是 python 中为随机数所使用的模块 ```import random # 随机生成0-1范围内的随机浮点数i = random.random()print(i) # 随机生成范围 ...
- pycharm添加断点，分段运行，以及继续运行；
1.打断点,只需在代码的前面单机左键即可:2.运行,点击Debug...(如图,像贝壳一样的图标),只会运行第一个红点前的代码: 3.此时若想将第2个红点前的代码运行完毕:点击Resume Progr ...
- jQuery的配置。
在python中有提前定义模板的功能,所以提前将jQuery的导入语句导入就可以直接使用jQuery语法: 一.下载jQuery包. 下载官网: https://jquery.com/ 可下载迷你版的 ...
- 20191031 Codeforces Round #539 (Div. 1) - Virtual Participation
这场怎么全是数据结构题...
- LG4111/LOJ2122 「HEOI2015」小Z的房间 矩阵树定理
问题描述 LG4111 题解 矩阵树定理板子题. \(\mathrm{Code}\) #include<bits/stdc++.h> using namespace std; #defin ...
- 2019 SDN阅读作业
2019 SDN阅读作业 1.为什么需要SDN?SDN特点? 答:因为随着网络规模的不断扩大,封闭的网络设备内置了过多的复杂协议,增加了运营商定制优化网络的难度,科研人员无法在真实环境中规模部署新协议 ...
- js支持装饰器
vscode中使用装饰器不报错 { "compilerOptions": { "experimentalDecorators": true } } yarn a ...
- Unreal Engine 4 系列教程 Part 8：粒子系统教程
.katex { display: block; text-align: center; white-space: nowrap; } .katex-display > .katex > ...