jQuery过滤器

最新推荐文章于 2020-09-28 10:43:16 发布
最新推荐文章于 2020-09-28 10:43:16 发布
阅读量244 收藏
点赞数
分类专栏： day04(jQuery)
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YOUAFR/article/details/78334303
版权 
<body>
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
			<li>6</li>
			<li>7</li>
			<li>8</li>
		</ul>
	</body>
	<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		
		// :odd 奇数行选择器 因为index是由0开始算的 所以0是偶数行
		$('ul li:odd').css('background-color','greenyellow');
		
		// :even 偶数行选择器
		$('ul li:even').css('background-color','lightcyan');
		
		// :first 第一行选择器
		$('ul li:first').css('color','red');
		
		// :last  最后一行选择器
		$('ul li:last').css('color','blue');
		
		// :eq(n) 选择第n行
		$('ul li:eq(4)').css('color','yellow');
		
		// :lt(n) 第n行之前的全部行
		$('ul li:lt(4)').css('border','1px solid pink');
		
		// :gt(n) 第n行之后的全部行
		$('ul li:gt(4)').css('border','1px solid black');
	</script>

YOUAFR
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery选择过滤器
weixin_30480075的博客
04-23 107
经过一晚上的查找整理，终于整理出一套应该算最全面的JQuery选择过滤器的方法了。所有代码均经过测试。首先HTML代码 HTML Code <html><head><script type="text/javascript" src="JQuery/jquery-1.5.1.js"></script></head><bod...
jQuery内容过滤器
dly的博客
12-19 404
jQuery内容过滤器:empty 当前元素是否为空（是否有标签体–子元素、文本） :has(…) 当前元素，是否含有指定的子元素 :parent 当前元素是否是父元素 :contains( text ) 标签体是否含有指定的文本<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR
JQuery 过滤器
wangziustc的博客
12-30 365
过滤 eq(index)          获取第N个元素 hasClass(className)  检查当前元素是否包含某个特定的类，有则返回true filter(expr)         筛选出与指定表达式匹配的所有元素 filter(fun)          筛选出与指定函数返回值匹配的所有元素 is(expr)             检查当前选择的元素集合，若其中至少有一
JQuery属性过滤器
NYHongHong的博客
09-28 322
在做页面时 时常需要写对各个属性进行过滤 以下时常见的几个属性过滤器 <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="jQuery1.7.2/jquery-1.7.2.min.js" ></script> <script type="text/javascript"&...
前端jQuery之过滤器 jQuery过滤器
ttcoolx.com的专栏
06-09 722
相关学习视频请登录——天天酷学网：http://www.ttcoolx.com 一 ： 基本过滤器 注意： 1. 过滤器都是以冒号开头哒 2. 如果是包含的关系前面要加上空格 比如：选取div中的标题元素  我是标题   =>$('div :header')  我是标题 asdfadfad     列表1     列表2     列表3
jQuery过滤器插件fastLiveFilter特效代码
03-20
jQuery过滤器插件fastLiveFilter是一款简单实用的轻量级过滤器插件jquery.fastLiveFilter。
jquery过滤器
09-27
jQuery详细学习资料。jQery过滤器文档。
Jquery 过滤器(first,last,not,even,odd)的使用
10-26
Jquery 过滤器，顾名思义就是过滤一些不需要的元素，主要有first,last,not,even,odd等等，下面有个使用示例，大家可以感受下
jQuery过滤器图片浏览特效代码
03-20
jQuery过滤器图片浏览.rar_average91i_jQuery过滤器图片浏览
09-23
jQuery过滤器图片浏览jquery图片浏览过滤特效切换
jquery 选择过滤器及基本知识
weixin_30526593的博客
10-24 107
jquery 选择过滤器 转载： http://www.cnblogs.com/dreamhome/archive/2011/04/23/2025959.html http://www.cnblogs.com/shengxiang/archive/2011/09/06/2168557.html 基本知识 转载 ： http://blog.sina.com.cn/s/blog_5e...
jQuery--节点过滤（filter()、not()）详解
吴声子夜歌的博客
10-02 2393
节点过滤 在查找元素时，可以使用：first-child、:last-child和:eq()过滤选择器来选择一个特定的元素，还可以使用first()、last()和eq()方法对元素进行查找，功能与过滤器基本相同。 first()方法用于返回所匹配元素中的第一个元素，last()方法用于返回所匹配元素中的最后一个元素，eq()方法用于返回所匹配元素中指定索引位置的元素。 1. filter()方法...
jquery的filter过滤器用法
tony19890820的专栏
06-16 1140
改变所有 div 的颜色，然后向类名为 "middle" 的类添加边框： $("div").css("background", "#c8ebcc")   .filter(".middle")   .css("border-color", "red");
jquery内容过滤器
实践求真知
04-12 2581
一 介绍 内容过滤器就是通过DOM元素包含的文本内容以及是否含有匹配的元素进行筛选。内容过滤器共包括:contains(text)、:empty、:has(selector)和:parent4种，如下表所示。 过滤器 说明 示例 contains(text) 匹配包含给定文本的元素 $("li:contains('DOM')")    //匹配含有“DOM”文本内
JQuery过滤器
我的1024的博客
11-26 2442
在JQuery中可以使用过滤器对选取的数据进行过滤，选择更加明确的元素，JQuery过滤器的通常语法：$("选择器:过滤器") 基本过滤器： ：first(可以找到匹配的第一个元素) &lt;html&gt; &lt;head&gt; &lt;script src="jquery.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&am
JQuery 选择器、过滤器介绍
weixin_34273479的博客
02-19 175
转自：http://www.jb51.net/article/26261.htm 一、JQuery与JavaScript 1.JavaScript库 使用过JavaScriptDOM的人都应该知道（比如昨天的练习），使用JSDOM进行页面的操作是十分麻烦的。比如获取、修改及添加子节点等这些操作。如果操作一个复杂的页面呢？Ok，JavaScript库因此诞生了。 目前比较常见的...
jQuery中的五种过滤选择器
qq_37014317的博客
05-04 1583
基本过滤器： :first 获取第一个元素:last 获取最后个元素 :not(selector) 去除所有与给定选择器匹配的元素 :even 匹配所有索引值为偶数的元素，从 0 开始计数 :odd 匹配所有索引值为奇数的元素，从 0 开始计数:eq(index) 匹配一个给定索引值的元素 :gt(index) 匹配所有大于给定索引值的元素 :lt(index) 匹配所有小于给定索引值的元素 :...
jQuery选择器与过滤器(二)
diegui9561的博客
07-27 145
一、jQuery选择器1、基本选择器：所有选择器 *标签选择器 标签名ID选择器 #ID类选择器 .className组合选择器 selector1,selector2 多个选择器使用逗号分割，多个选择器选择的元素均选中嵌套选择器 selector1 selector2 多个选择器共同使用，在select1中再选择selector...
jQuery 元素的克隆 clone()
YOUAFR的博客
10-25 1717
var input1 = $('input'); input1.on('click',function(){ alert('动态添加的内容！'); }); //clone() 浅克隆 $('input').clone().appendTo($('body')); //clone(true) 深克隆 可以将动态添加的行为等克隆进去 $('input').clon
jQuery过滤选择器实例
最新发布
06-07
好的，下面是一个 jQuery 过滤选择器的示例： 假设有一段 HTML 代码如下： ```html <ul> <li class="item">Item 1</li> <li class="item">Item 2</li> <li class="item">Item 3</li> <li class="item special">Special Item</li> </ul> ``` 我们可以使用 jQuery 的过滤选择器来选择特定的元素。例如： 1. 选择所有的 `<li>` 元素： ```js $('li'); ``` 2. 选择 class 为 `item` 的 `<li>` 元素： ```js $('li.item'); ``` 3. 选择 class 为 `special` 的 `<li>` 元素： ```js $('li.special'); ``` 4. 选择第一个 `<li>` 元素： ```js $('li:first'); ``` 5. 选择最后一个 `<li>` 元素： ```js $('li:last'); ``` 6. 选择第二个 `<li>` 元素： ```js $('li:eq(1)'); ``` 7. 选择包含文本 `Item 1` 的 `<li>` 元素： ```js $('li:contains("Item 1")'); ``` 8. 选择所有偶数位置的 `<li>` 元素： ```js $('li:even'); ``` 9. 选择所有奇数位置的 `<li>` 元素： ```js $('li:odd'); ``` 以上就是一些 jQuery 过滤选择器的例子。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值