jQuery 筛选器简单操作示例


Posted in jQuery onOctober 02, 2019

本文实例讲述了jQuery 筛选器简单操作。分享给大家供大家参考,具体如下:

jQuery 筛选器1

筛选器1: 在选择器选择的基础上在选择一次

// 当前点击的标签$(this)
$(this)
// .next() 获取当标签的下一个标签
$(this).next();
// .nextAll() 获取当标签的下面所有标签
$(this).nextAll();
// .nextUntil() 获取当标签的下面与指定标签之间所有标签
$(this).nextUntil('#id');
// .prev() 获取当标签的上一个标签
$(this).prev() ;
// .prevAll() 获取当标签的上面所有标签
$(this).prevAll();
// .prevUntil() 获取当标签的上面与指定标签之间所有标签
$(this).prevUntil('#id');
// .parent() 获取当标签的父标签
$(this).parent() ;
// .parents() 获取当标签的所有迭代父标签,直到找到它祖宗
$(this).parents() ;
// .parents() 获取当标签的所有迭代父标签直到指定的父标签为止
$(this).parentsUntil('#id') ;
// .children() 获取当标签的所有子标签
$(this).children() ;
// .siblings() 获取当标签的所有兄弟标签
$(this).siblings();
// .find 查找每个兄弟或子孙标签内的所有标签
$(this).siblings().find(')

jQuery 筛选器2

// 由于$()只能输入字符串$('#li:eq(1)'),可通过.eq()来传入。
// 获取this标签中的指定属性
$(this).eq(1)
// 获取第一个元素
$(this).first()
// 获取最后一个元素
$(this).last()
// 检查当前元素是否含有某个特定类,有返回true,没有false。
$(this).hasClass(class)

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
jquery 键盘事件的使用方法详解
Sep 13 jQuery
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
jquery学习笔记之无new构建详解
Dec 07 jQuery
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
jQuery无冲突模式详解
Jan 17 jQuery
jquery的$().each和$.each的区别
Jan 18 jQuery
jquery实现垂直无限轮播的方法分析
Jul 16 jQuery
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
jQuery实现简单QQ聊天框
Aug 27 jQuery
jQuery 查找元素操作实例小结
Oct 02 #jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 #jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 #jQuery
jquery中attr、prop、data区别与用法分析
Sep 25 #jQuery
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 #jQuery
jquery弹窗时禁止body滚动条滚动的例子
Sep 21 #jQuery
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 #jQuery
You might like
WinXP + Apache +PHP5 + MySQL + phpMyAdmin安装全功略
2006/07/09 PHP
一道求$b相对于$a的相对路径的php代码
2010/08/08 PHP
js DOM模型操作
2009/12/28 Javascript
GRID拖拽行的实例代码
2013/07/18 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
2017/12/14 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
2018/03/05 Javascript
nodejs aes 加解密实例
2018/10/10 NodeJs
JavaScript展开操作符(Spread operator)详解
2019/07/20 Javascript
[03:09]2014DOTA2国际邀请赛 赛场上的美丽风景线 中国Coser也爱DOTA2
2014/07/20 DOTA
Python学习笔记之Zip和Enumerate用法实例分析
2019/08/14 Python
wxpython+pymysql实现用户登陆功能
2019/11/19 Python
使用pyqt5 tablewidget 单元格设置正则表达式
2019/12/13 Python
pip install 使用国内镜像的方法示例
2020/04/03 Python
对python中list的五种查找方法说明
2020/07/13 Python
Python+pyftpdlib实现局域网文件互传
2020/08/24 Python
详解python爬取弹幕与数据分析
2020/11/14 Python
Css3+Js制作漂亮时钟(附源码)
2013/04/24 HTML / CSS
应届毕业生的个人自我鉴定
2013/10/24 职场文书
生产主管岗位职责
2013/11/10 职场文书
十佳大学生事迹材料
2014/01/29 职场文书
文明餐桌活动方案
2014/02/11 职场文书
村委会换届选举方案
2014/05/03 职场文书
政府个人对照检查材料
2014/08/28 职场文书
党的群众路线教育实践活动教师自我剖析材料
2014/10/09 职场文书
白酒代理协议书范本
2014/10/26 职场文书
2015年财务部工作总结
2015/04/10 职场文书
公司更名通知函
2015/04/24 职场文书
2015年度高中教师工作总结
2015/05/26 职场文书
爱的教育观后感
2015/06/17 职场文书
农村婚礼司仪主持词
2015/06/29 职场文书
canvas绘制折线路径动画实现
2021/05/12 Javascript
关于springboot 配置date字段返回时间戳的问题
2021/07/25 Java/Android
Vue监视数据的原理详解
2022/02/24 Vue.js
解决 redis 无法远程连接
2022/05/15 Redis
oracle delete误删除表数据后如何恢复
2022/06/28 Oracle