一、定义：

过滤器就是过滤条件，对已经定位到jquery对象数组中的DOM对象进行过滤筛选，过滤条件不能独立出现在jquery函数，如果使用则只能出现在选择器后方。
例如：如果页面有三个<div></div>标签，通过标签选择器创建jquery对象后，jquery对象为：$("div"),是一个数组，数组内容为三个<div></div>dom标签对象,可以使用过滤器来筛选其中的某个<div></div>标签对象。
注意：使用过滤器筛选后的对象仍是jquery对象，只是jquery对象的内容变了。而使用$("div")[0]筛选后的对象变成了DOM对象。

二、基本过滤器：

保留jquery对象数组中的第一个DOM对象：
语法：$("选择器：first")
保留jquery对象数组中的最后一个DOM对象：
语法：$("选择器：last")
通过索引选择jquery对象数组中的指定对象：
语法：$("选择器:eq(数组索引)")
选择数组中小于指定索引的所有DOM对象：
语法：$(选择器:lt(数组索引))
选择数组中大于指定索引的所有DOM对象：
语法：$(选择器:gt(数组索引))

<!DOCTYPE html>
<html><head><meta charset="utf-8"><style type="text/css">div{background: gray;}</style><script type="text/javascript" src="js/jquery-3.4.1.js"></script><script type="text/javascript">// $(document).ready( 函数 ): 当页面中的dom对象加载成功后,会执行ready(), // 相当于是onLoad().$(function() {//当页面dom对象加载后,给对象绑定事件,因为此时button对象已经在内存中创建好了.才能使用.$("#btn1").click(function(){//过滤器var obj = $("div:first");obj.css("background","red");}) //绑定事件$("#btn2").click(function(){var obj = $("div:last");obj.css("background","green");})//绑定btn3的事件$("#btn3").click(function(){var obj = $("div:eq(3)");obj.css("background","blue");})$("#btn4").click(function(){var obj = $("div:lt(3)");obj.css("background","orange");})$("#btn5").click(function(){var obj = $("div:gt(3)");obj.css("background","yellow");})$("#txt").keydown(function(){alert("keydown")})})</script></head><body><input type="text" id="txt" /><div id="one">我是div-0</div><div id="two">我是div-1</div><div>我是div-2<div>我是div-3</div><div>我是div-4</div></div><div>我是div-5</div><br /><span>我是span</span><br/><input type="button" value="获取第一个div" id="btn1"/><br/><input type="button" value="获取最后一个div" id="btn2"/><br/><input type="button" value="获取下标等于3的div" id="btn3"/><br/><input type="button" value="获取下标小于3的div" id="btn4"/><br/><input type="button" value="获取下标大于3的div" id="btn5"/></body>
</html>

jQuery过滤器：筛选jquery对象数组中的DOM对象相关推荐

通过属性值从对象数组中获取JavaScript对象[重复]
本文翻译自:Get JavaScript object from array of objects by value of property [duplicate] This question alr ...
js中的DOM对象和jQuery对象的比较
1. 二者的不同之处: 通过jQuery获取的元素是一个数组, 数组中包含着原生JS中的DOM对象. 例如, 针对下面的一个div结构: <div id="Box">& ...
easyui tab 引用html,jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法.分享给大家供大家参考,具体如下: 我们在使用EasyUI Tabs框架时,在框架最顶层的弹出窗体中需要操作当前Ta ...
通过ID在JavaScript对象数组中查找对象
本文翻译自:Find object by id in an array of JavaScript objects I've got an array: 我有一个数组: myArray = [{'id ...
es6 数组找最大值_在对象数组中查找属性的最大值
我正在寻找一种非常快速,干净且有效的方法来获取以下JSON切片中的最大" y"值: [ { "x": "8/11/2009", " ...
如何拿到对象数组中的某一对象的元素（JS的filter方法）
如何拿到对象数组中的某一对象的元素在写一个简单的商品管理系统的时候,遇到了一个问题,我接口中需要传递的参数是一个role_id,但是我在页面上显示是角色名称通过对filter()方法的使用,拿到对 ...
js 加总数组中某一列_js根据对象数组中某一属性值，合并相同项，并对某一属性累加处理...
js根据对象数组中某一属性值,合并相同项,并对某一属性累加处理 Example: 根据code合并数组,并将sl值累加,如下两种方法: let data = [{ code: 1001, name: ...
前端JS：判断list(数组)中的json对象是否重复
前端JS:判断list(数组)中的json对象是否重复 <!DOCTYPE html> <html> <head> <meta charset="u ...
如何从JavaScript中的对象数组中获得不同的值？
本文翻译自:How to get distinct values from an array of objects in JavaScript? Assuming I have the followi ...

jQuery过滤器：筛选jquery对象数组中的DOM对象

目录

一、定义：

二、基本过滤器：

jQuery过滤器：筛选jquery对象数组中的DOM对象相关推荐

最新文章

热门文章