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'); }
随机推荐
- zabbix4.0搭建2
server端(ip 192.168.200.15) proxy端(ip 192.168.200.22) agent端(ip 192.168.200.12) server端: #安装数据库 [mari ...
- MySQL基础之数据管理【2】
where条件筛选记录 select id,username,age from uesr where id=5; alter table user add userDesc varchar(100); ...
- 记录C#泛型
常见的泛型类型 泛型类 class MyClass<T> { //...... } 泛型接口 interface GenericInterface<T> { void Gene ...
- [20191011]拆分rowid 2.txt
[20191011]拆分rowid 2.txt --//有了链接http://blog.itpub.net/267265/viewspace-2659612/=>[20191011]bash任意 ...
- Lustre 文件系统安装
制作一个本地镜像 reposync configfile: [root@localhost html]# cat lustre-repo.conf [lustre-server] name=lustr ...
- 渗透测试学习 十三、 SQLmap使用详解
SQLmap介绍 sqlmap是一个由python语言编写的开源的渗透测试工具,它主要是检测SQL注入漏洞,是一款功能强大的SQL漏洞检测利用工具. 他可以检测的数据库有:access.msSQL.M ...
- Python正则表达式中re.S作用
re.S的作用: 不使用re.S时,则只在每一行内进行匹配,如果存在一行没有,就换下一行重新开始,使用re.S参数以后,正则表达式会将这个字符串看做整体,在整体中进行匹配 对比输出结果: import ...
- 01-Django 简介
一.MVC框架(模型-视图-控制器缩写,软件的构建模式) 一种软件设计典范,用一种业务逻辑.数据.界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需 ...
- 运行输出时候遇到了Json.Disosi@3fa77460格式·
比如我的运行输出时候遇到了Json.Disosi@3fa77460这种类路径+@+储存空间编码格式 发现是实体类忘记加了toString方法 使用ALT+ins快捷键点击toString()方法 再运 ...
- for循环结构
循环结构: 在程序当中总有一些需要反复/重复的执行的代码,假设没有循环结构,那么这段需要重复知心的需要重复执行的代码自然是需要重复编写的,代码无法得到重复使用.所以多数变成语言都是支持循环结构的.将来 ...