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 相关文章推荐
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
jQuery中图片展示插件highslide.js的简单dom
Apr 22 jQuery
jQuery创建及操作xml格式数据示例
May 26 jQuery
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
Mar 06 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
jQuery实现的图片点击放大缩小功能案例
Jan 02 jQuery
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
jQuery弹框插件使用方法详解
May 26 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
ThinkPHP3.1新特性之对页面压缩输出的支持
2014/06/19 PHP
WordPress中Gravatar头像缓存到本地及相关优化的技巧
2015/12/19 PHP
php文件操作小结(删除指定文件/获取文件夹下的文件名/读取文件夹下图片名)
2016/05/09 PHP
Yii2针对游客、用户防范规则和限制的解决方法分析
2016/10/08 PHP
使用PHP下载CSS文件中的所有图片【几行代码即可实现】
2016/12/14 PHP
一份老外写的XMLHttpRequest代码多浏览器支持兼容性
2007/01/11 Javascript
关于js获取radio和select的属性并控制的代码
2011/05/12 Javascript
基于jquery完美拖拽,可返回拖动轨迹
2012/03/29 Javascript
JS异常处理的一个想法(sofish)
2013/03/14 Javascript
javascript中的this详解
2014/12/08 Javascript
javascript使用输出语句实现网页特效代码
2015/08/06 Javascript
基于jQuery实现表格内容的筛选功能
2016/08/21 Javascript
关于Javascript回调函数的一个妙用
2016/08/29 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
2016/12/12 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
2017/03/25 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
2017/12/06 jQuery
vue.js提交按钮时进行简单的if判断表达式详解
2018/08/08 Javascript
vue实现新闻展示页的步骤详解
2019/04/11 Javascript
详解javascript对数组和json数组的操作
2019/04/15 Javascript
微信小程序上传多图到服务器并获取返回的路径
2019/05/05 Javascript
JavaScript页面加载事件实例讲解
2019/09/01 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
2019/12/19 Javascript
python双向链表实现实例代码
2013/11/21 Python
用Python计算三角函数之acos()方法的使用
2015/05/15 Python
在mac下查找python包存放路径site-packages的实现方法
2018/11/06 Python
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
Python Flask 搭建微信小程序后台详解
2019/05/06 Python
Python自省及反射原理实例详解
2020/07/06 Python
python如何运行js语句
2020/09/09 Python
python如何调用php文件中的函数详解
2020/12/29 Python
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
中文专业毕业生自荐信
2013/10/28 职场文书
六一儿童节演讲稿
2014/05/23 职场文书
KTV门卫岗位职责
2014/10/09 职场文书
2015夏季作息时间调整通知
2015/04/24 职场文书
2015年安置帮教工作总结
2015/05/22 职场文书