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开源组件BootstrapValidator使用详解
Jun 29 jQuery
简单实现jQuery上传图片显示预览功能
Jun 29 jQuery
jQuery中过滤器的基本用法示例
Oct 11 jQuery
jQuery Validate插件ajax方式验证输入值的实例
Dec 21 jQuery
浅谈jquery fullpage 插件增加头部和版权的方法
Mar 20 jQuery
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
jQuery.parseJSON()函数详解
Feb 28 jQuery
JQuery发送ajax请求时中文乱码问题解决
Nov 14 jQuery
Jquery ajax书写方法代码实例解析
Jun 12 jQuery
jQuery实现动态加载瀑布流
Sep 01 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
PHP实现采集程序原理和简单示例代码
2007/03/18 PHP
zend api扩展的php对象的autoload工具
2011/04/18 PHP
PHP 正则判断中文UTF-8或GBK的思路及具体实现
2013/11/26 PHP
javascript 操作cookies及正确使用cookies的属性
2009/10/15 Javascript
利用浏览器全屏api实现js全屏
2014/01/16 Javascript
jQuery实现的原图对比窗帘效果
2014/06/15 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
详解Node.js项目APM监控之New Relic
2017/05/12 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
2017/05/17 jQuery
Angular实现的日程表功能【可添加及隐藏显示内容】
2017/12/27 Javascript
NodeJs 文件系统操作模块fs使用方法详解
2018/11/26 NodeJs
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
vue.js实现回到顶部动画效果
2019/07/31 Javascript
ES6学习笔记之let与const用法实例分析
2020/01/22 Javascript
9个JavaScript日常开发小技巧
2020/10/06 Javascript
[02:49]2014DOTA2电竞也是体育项目! 势要把荣誉带回中国!
2014/07/20 DOTA
[01:06:12]VP vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python爬虫实现网页信息抓取功能示例【URL与正则模块】
2017/05/18 Python
Python编程实现的图片识别功能示例
2017/08/03 Python
Python数据可视化库seaborn的使用总结
2019/01/15 Python
Python实现统计英文文章词频的方法分析
2019/01/28 Python
Django中ajax发送post请求 报403错误CSRF验证失败解决方案
2019/08/13 Python
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
惠普美国官方商店:HP Official Store
2016/08/28 全球购物
Myprotein瑞典官方网站:畅销欧洲英国运动营养品牌
2018/01/22 全球购物
美国珠宝精品店:Opulent Jewelers
2019/08/20 全球购物
甜品店创业计划书
2014/08/14 职场文书
四风问题个人对照检查材料
2014/09/26 职场文书
电影建国大业观后感
2015/06/01 职场文书
初中班主任培训心得体会
2016/01/07 职场文书
Golang 使用Map实现去重与set的功能操作
2021/04/29 Golang
详解JS WebSocket断开原因和心跳机制
2021/05/07 Javascript
Python编程中Python与GIL互斥锁关系作用分析
2021/09/15 Python
Window server 2012 R2 AD域的组策略相关设置
2022/04/28 Servers