jQuery eq() filter() not()

最新推荐文章于 2022-07-17 20:55:35 发布
最新推荐文章于 2022-07-17 20:55:35 发布
阅读量3.6k 收藏
点赞数 1
分类专栏： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013160024/article/details/39291913
版权

官方参考：http://www.w3school.com.cn/jquery/jquery_traversing_filtering.asp

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>demo</title>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript">
	// function changered (x) {
	// 	x.style.width="300px";
	// 	x.style.height="300px";
	// }
	// function changeblue (y) {
	// 	y.style.width="100px";
	// 	y.style.height="100px";
	// }
	$(document).ready(function(){
		$("#demo").click(function(){
			$("div").animate({
				left:'250px',
				opacity:'0.8',
				width:'400px',
				height:'400px'
			});
		});
	});


	
</script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#test p").eq(0).css("color","red");
		$("#test p").eq(1).css("color","red");
		$("#test p").eq(2).css("color","red");
	});
</script>

</head>
<body>
	<div style="width:300px;height:300px;overflow: hidden;">
		<div id="demo" style="background:url(1.jpg) no-repeat 0 center;height:20px;width:100px;position:absolute;">
		<!-- <img src="1.jpg" alt="" οnmοuseοver="changered(this);" οnmοuseοut="changeblue(this);" style="width:100px;height:100px;" > -->
		</div>
	</div>
	<div id="test">
		<p>第一名</p>
		<p>第二名</p>
		<p>第三名</p>
		<p>第四名</p>
	</div>
	
</body>
</html>


walkersc
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用jquery选择器中的:eq()未能全部选中所需要的元素
gaoshenshen的博客
01-12 843
最近在写前台js代码的时候犯了一个错误，出现的问题是jquery选择器没用选中全部我需要的元素，具体如下，... ... ... ...     我想为拥有commonClass样式的所有div下的li元素写两个公用的click事件
jQuery筛选_过滤
weixin_57762591的博客
04-28 376
eq()方法 获取当前链式操作中第N个jQuery对象，返回jQuery对象，当参数大于等于0时为正向选取，比如0代表第一个，1代表第二个。当参数为负数时为反向选取，比如-1为倒数第一个 first()方法与last()方法 first匹配第一个元素，last匹配最后一个元素 filter()方法 筛选出与指定表达式匹配的元素集合，这个方法用于缩小匹配的范围。用逗号分隔多个表达式，如下图 is()方法 根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合，如果其中至少有一个元素符合这个给定的
jQuery 遍历 - 过滤---first--last---eq--not--filter方法（二十五）
有 prepare , No out
12-31 3261
缩写搜索元素的范围 三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。 其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。 jQuery first() 方法 first() 方法返回被选元素的首个元素。 下面的例子选取首个 元素内部的第
JQ笔记本之filter,not条件(过滤)选择操作
骑着猪猪去拍拖
06-25 1359
JQ笔记本之filter,not条件(过滤)选择操作 //filter : 过滤 //not : filter的反义词 $(function(){ //$('div').filter('.box').css('background','red'); $('div').not('.box').css('background','red'); }); div1 di
JQuery-02：选择器
『程序员·小李』的博客
03-14 185
选择器 JQuery可以通过选择器选择一个或多个元素，基于CSS选择器做的： 语法 含义 $("*") 选择所有元素 $(“div”) 选择所有div 元素 $(".blue") 选择所有 class=blue 的元素 $(".blue.red") 选择所有 class=blue 并且 class=red 的元素 $(".blue,.red") 选择所有class=blue 或者 class=red的元素 $("#headline") 选择第一个 id=headline的
JQuery 基础
QuietHRH的博客
07-21 264
       jQuery是一个快速、简洁的JavaScript框架。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。   实例一  JS与JQ的转换 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta ch...
jQuery基础过滤器（Basic Filter）
weixin_56418710的博客
07-17 434
jQuery基础过滤器学习
Jquery api 速查表分享
10-24
4. 遍历方法：Jquery提供了多种遍历方法，如.filter(selector)、.filter(callback)、.eq(index)、.slice(start,[end])、.not(selector)、.add(selector)、.find(selector)、.contents、.children([selector])、.next...
jQuery 遍历函数详解
10-23
.not()函数用于从当前匹配元素集合中排除一些元素。 .offsetParent()、.parent()、.parents()和.parentsUntil()函数都用于获取元素的父级元素，区别在于返回的父级范围和是否可以通过选择器筛选。 .prev()、....
jquery教程
01-08
- 筛选方法：`filter()`, `not()`, `has()`, `prev()`, `next()`等。 **jQuery的写法特点** 1. **方法函数化**：jQuery主要通过函数调用来完成操作，不常见使用赋值操作。 2. **链式操作**：同一个jQuery对象可以...
知识点七：jQuery 遍历 - 过滤first(), last() 和 eq(),filter() 和 not()
流浪蓝的博客
12-24 1052
知识点七：jQuery 遍历 - 过滤first(), last() 和 eq(),filter() 和 not()
jquery ：eq选择器和eq（）方法的用法与比较
热门推荐
qq_15007601的博客
08-25 1万+
jquery ：eq选择器和eq（）方法的用法与比较 :eq(index) 匹配一个给定索引值的元素 index：从 0 开始计数 $("ul li:eq(3)")  // 元素的index位置工0开始计数，所以这里的3实际为第4个元素 $("ul").find("li").eq(3) //使用jquery遍历方法eq() eq(index|-index) 获取第N个元素 inde...
jquery eq gt区别
wxx729418277的专栏
03-09 1490
eq指选择器选择的时候只选择传入index的节点，gt表示选择大于参数的节点
jquery中.eq()与:eq()的区别
不抛弃不放弃
06-25 4942
在jquery中这两种发法都用来匹配一个给定索引值的元素，但是在写法上稍有区别 .eq(): HTML 代码: This is just a test. So is this jQuery 代码: $("p").eq(1) 结果: [ So is this ] --------------- :eq(): HTML 代码: Header 1 Value
jquery基本过滤选择器:first :last :not(.myclass) :even :odd :eq(1) :gt(5) :lt(1) :header :animated :focus
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
08-28 4106
全栈工程师开发手册 （作者：栾鹏） jquery系列教程1-选择器全解jquery基本过滤选择器jquery基本过滤选择器，包括:first、:last、:not(.myclass)、:even，:odd、:eq(1)、:gt(5)、:lt(1)、:header、:animated、:focus，具体功能如代码中注释。代码如下：$("div:first"); //所有
jq对象才能使用jq方法，$(".a").eq(0) 和 $(”.a“)[0]
weixin_30701521的博客
05-02 377
<a class="a"></a> <aclass="a"></a> <aclass="a"></a> $('.a')// 选择了3个a，都是jq对象（可以用jq的属性、方法）$('.a').eq(1) // 选择了第二个a，是jq对象（不可以使用dom属性方法，可以用jq的属性、方法）$('.a...
jQuery中.eq() 方法?
墓亦龍的博客
03-30 3375
.eq() 方法?1、定义及用法：返回带有被选元素，指定索引号的元素。                          索引号从0开始，第一个元素的下标索引为0(不是1)。     $(selector).eg(index);  index参数必选，可正可负。                                         若为负，将从被选元素的结尾开始计算索引。2、简单   示...
JQuery 入门指南(7):通过过滤的方式搜索元素
我是传奇
01-16 127
本文提到的内容主要用来缩小搜索元素的范围 三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。 jQuery first() 方法 first() 方法返回被选元素的首个元素。 下面的例子选取首个 &lt;div&gt; 元素内部的第一个 &lt;p&gt; 元素：$(document).ready(function...
JQuery 中eq()和直接使用下标有何区别？
xiao_yu_liu的博客
02-26 1700
$(".test")---获取到的是JQ的数组对象，使用eq(index)的时候，得到的仍然是JQ的对象，而使用[index]的时候，获取到的是原始的dom对象，两者某些属性或者方法不统一；$(".test")[0].className-----可以获取，$(".test").eq(0).className---不可以获取...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值