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'); }
随机推荐
- GitHub 总是打不开，网再好也米有用，怎么办？
所用方法:修改host文件 一.键入网址:http://github.global.ssl.fastly.net.ipaddress.com/#ipinfo 拿到github.global.ssl.f ...
- golang的析构函数
runtime.SetFinalizer 使用这个函数可以给一个对象设置一个析构函数,如果这个对象没有引用了,那么就会调用这个析构函数,然后会把这个对象给释放掉
- mysql设置用户密码规则
一.查看密码规则 SHOW VARIABLES LIKE 'validate_password%'; 二.规则显示介绍 | Variable_name | Value | +------------- ...
- Linux 设置MySQL开启自动启动
1. 将服务文件拷贝到init.d下,并重命名为mysql cp /usr/local/mysql/support-files/mysql.server /etc/init.d/mysqld 2. 赋 ...
- CPU与GPU基础知识与品牌
1 CPU信息 ubuntu系统: lscpu 序号 属性 描述 1 架构 x86_64 2 CPU 运行模式 32-bit, 64-bit 3 字节序 Little Endian 4 CPU内核数量 ...
- NN tutorials：
确实“人话”解释清楚了 ^_^ 池化不只有减少参数的作用,还可以: 不变性,更关注是否存在某些特征而不是特征具体的位置.可以看作加了一个很强的先验,让学到的特征要能容忍一些的变化.防止过拟合,提高模型 ...
- luoguP3292 [SCOI2016]幸运数字(点分治做法)
题意 考虑点分治,每次处理过重心的询问(即两点在重心的不同子树中). 求出每个点到重心的线性基,之后对过重心的询问合并两点线性基求解. code: #include<bits/stdc++.h& ...
- json数据转换成结构体
package main import ( "encoding/json" "fmt" ) type IT1 struct { Company string ` ...
- [LOJ 6288]猫咪[CF 700E]Cool Slogans
[LOJ 6288]猫咪[CF 700E]Cool Slogans 题意 给定一个字符串 \(T\), 求一个最大的 \(K\) 使得存在 \(S_1,S_2,\dots,S_k\) 满足 \(S_1 ...
- Java 常用正则表达式搜集ing
MAC地址: ^[a-fA-F0-9]{2}+:[a-fA-F0-9]{2}+:[a-fA-F0-9]{2}+:[a-fA-F0-9]{2}+:[a-fA-F0-9]{2}+:[a-fA-F0-9]{ ...