jQuery之筛选选择器(方法)

原创 已于 2023-06-18 13:31:19 修改 · 1k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#jquery #javascript #ecmascript
于 2023-06-15 13:33:23 首次发布
本文介绍了jQuery中的筛选选择器，如children()用于获取直接子元素，find()查找所有后代元素，siblings()获取同级元素，parent()获取父元素，eq()、next()、nextAll()、prev()和prevAll()则分别用于选取特定索引、相邻和所有相邻元素。
  • 筛选选择器的功能与过滤选择器有点相似，但是用法不一样，筛选选择器主要是方法

名称                用法描述
children(selector)$('ul').children('li')相当于$('ul > li')，子选择器
find(selector)$('ul').find('li')相当于$('ul  li')，后代选择器
siblings(selector)$('#first').siblings('li')查找兄弟节点，不包括本身
parent()$('#first').parent()查找父亲
eq(index)$('li').eq(2)相当于$('li:eq(2)'), index从0开始
next()$('li').next()找下一个兄弟
nextAll()$('li').nextAll()之后所有的兄弟 
prev()$('li').prev()找上一个兄弟
prevAll()$('li').prevAll()之前所有的兄弟 

JQUERY选择器--筛选选择器
qq_56248592的博客
10-11 432
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>筛选选择器</title> <script src="jquery-3.6.js"></script> </head> <body> <ol> <li>borther元素1</li>.
jQuery筛选器
qq_57731353的博客
02-16 1167
jQuery筛选器
JQuery各种选择器，这一篇给你讲清楚
Kepler_II的博客
03-11 905
JQuery的选择器 页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。 jQuery几乎支持主流的css1~css3选择器的写法，我们从最简单的也是最常用的开始学起 1、id选择器：一个用来查找的ID，即元素的id属性 $( "#id" ) id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getEl
jQuery 基础、选择器和筛选器
weixin_48183870的博客
02-24 1473
jQuery是一个流行的JavaScript库，旨在简化JavaScript编程和处理HTML文档的任务。它提供了一组易于使用的功能和方法，可以加快开发速度并提高跨浏览器兼容性。一款轻量级的JS框架。
jQuery选择器、特殊选择器、筛选器
weixin_52512511的博客
06-26 399
（14）获取到元素的索引位置 不合适元素集合里面的第几个 找到他父元素下的第几个元素 拿到的是一个数字。（4）查找当前元素之后所有的同辈元素 直到遇到匹配的那个元素为止。（7）查找当前元素值所有的同辈元素 直到遇到匹配的那个元素为止。（6）获取ul下所有的li里面的类名为a的元素。（2）筛选出一个元素里面的下一个兄弟元素。（5）获取ul的子元素中的最后一个li。（3）获取页面中ul的子元素中的li。（4）获取ul子元素的li中的第一个。（3）筛选出元素后面的所有兄弟元素。（12）筛选出元素的所有兄弟元素。
jQuery筛选方法及筛选选择器
DangR_Jisoo的博客
12-05 494
jQuery筛选方法及筛选选择器 筛选选择器 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> $(‘li:first’
jQuery选择器和筛选方法
黄大仙
08-25 442
1.1 基础选择器 原生S获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery给我们做了封装,使获取元素统一标准 (选择器”)∥里面选择器直接写CSS选择器即可,但是要加引号 名称 用法 描述 ID选择器 s("#id") 获取指定D的元素 全选选择器 s(*) 匹配所有元素 类选择器 s(".class") 获取同一类 class的元素标签选择器 (“div”) 获取同一类标签的所有元素 并集选择器 $(“div,p,li”) 选取多个元素 交集选择器 $(
jQuery对象的本质和选择器以及筛选方法
2201_75404424的博客
08-12 1322
因为原生js 比 jQuery 更大，原生的一些属性和方法 jQuery没有给我们封装，要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。只有 jQuery 对象才能使用 jQuery 方法，DOM 对象则使用原生的 JavaScirpt 方法。原生JS获取元素的方式很多，很杂，而且兼容性情况不一致，因此jQuery给我们做了封装，统一获取元素的标准。DOM 对象与 jQuery 对象之间是可以相互转换的。利用$对DOM 对象包装后产生的对象(伪数组形式存储)
初识JQuery —— 筛选方法 和 筛选选择器
爱前端的程序媛的博客
04-07 544
JQuery本质上是JavaScript的一个库，就是JavaScript中一些常用的方法封装起来，以便于我们使用。使用JQuery的核心就是使用它里面封装的方法。今天就学习了JQuery关于筛选的内容，与原生JavaScript的选择器的效果是一样的。 简介JQuery jquery，J代表的是JavaScript，query是查询的意思，连接起来就是查询JavaScript。本质就是js封...
JQuery选择器及其样式操作、筛选方法以及链式编程
世界和我们都不该止步于此
03-10 1785
jQuery选择器---jQuery筛选方法---jQuery的样式操作---设置类样式方法----链式编程
jQuery 入门&选择器
SAME_LOVE的博客
03-23 1161
jQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
jQuery选择器 之 基本过滤选择器
最新发布
听海边涛声
09-06 1297
jQuery选择器 之 基本过滤选择器
jQuery 筛选查找
vvvac1314的专栏
10-23 1191
children([expr]) 概述 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。 可以通过可选的表达式来过滤所匹配的子元素。注意：parents()将查找所有祖辈元素，而children()只考虑子元素而不考虑所有后代元素。 参数 expr (可选)String 用以过滤子元素的表达式 示例 描述: 查找DIV中的每个子元
jQuery选择器
m0_67901663的博客
04-13 6659
jQuery选择器
jQuery筛选方法（jQuery选择器）
laisy334514的博客
08-23 2585
1.查找父级 $('选择器').parent(); 2.查找最近一级子元素（亲儿子） $('选择器').children('选择器') 3.后代选择器 $('选择器').find('选择器') 4.查找兄弟节点（不包括自己本身） $('选择器').siblings('选择器') 5.查找当前元素之后的所有元素 $('选择器').nextAll() 6.查找当前元素之前的所有元素 $('选择器').prevAll() 7.检查当前的元素是否含有某个特定的类 $...
JQuery全部过滤选择器详细介绍上
业精于勤，荒于嬉
07-22 1122
1、:first 用法: $(“tr:first”) ; 返回值 单个元素的组成的集合2、:last 用法: $(“tr:last”) 返回值 集合元素3、:not(selector)用法: $(“input:not(:checked)”)返回值 集合元素4、:even 用法: $(“tr:even”) 返回值 集合元素5、: odd 用法: $(“tr:odd”) 返回值 集合元素6、:eq(index)用法: $(“tr:eq(0)”) 返回值 集合元素7、:gt(index)用法: $(“tr:gt(
jQuery 的常用选择器，筛选器
god953的博客
08-31 632
jQuery jQuery 的简介 插件 ：一个功能高度分装 类库 ：工具库，提供操作工具，不提供具体功能 jQuery 是一个工具集合 框架 ： 项目每一个组件都会提供出来。我们只需要引入框架语法，即可实现功能 DOM 操作多 jQuery 数据渲染不多 jQuery 数据渲染不多 View React 优点： 无所不能的选择器 无所不在的链式编程 无人能及的隐式资迭代 引入jq
（jquery选择器）jquery基本筛选器详解
voice的博客
11-09 1015
前言 jQuery 中所有选择器都以美元符号开头：$()。 id选择器 jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。 页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。 通过 id 选取元素语法如下： $("#test") 例： <!DOCTYPE html> <html> <head> ...
jQuery 常用API
weixin_50643611的博客
03-19 1825
（2）speed：三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)。（2）speed：三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值。（2）speed：三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值。三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)。
页面筛选功能
qq_37034181的博客
03-04 8470
JQuery筛选器用法小结一、选择对象1.1基本选取方式1、#id：根据给定的ID匹配一个元素。例如：$("#xxx_id") 2、element：匹配所有给定的元素名的元素。例如：$("div") 3、.class：根据给定的类匹配元素。例如：$(".cls1") 4、*：匹配所有元素。例如：$("*") 5、selector1,selector2,…,selectorN：将每一个选择器匹配到的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值