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插件Echarts实现的渐变色柱状图
Mar 23 jQuery
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
jQuery鼠标移动图片上实现放大效果
Jun 25 jQuery
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 jQuery
jQuery选择器之属性过滤选择器详解
Sep 28 jQuery
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
Oct 19 jQuery
jquery实现的分页显示功能示例
Aug 23 jQuery
javascript/jquery实现点击触发事件的方法分析
Nov 11 jQuery
Jquery ajax书写方法代码实例解析
Jun 12 jQuery
jQuery 实现DOM元素拖拽交换位置的实例代码
Jul 14 jQuery
jQuery实现简单全选框
Sep 13 jQuery
Jquery Fade用法详解
Nov 06 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
第十一节 重载 [11]
2006/10/09 PHP
PHP的中问验证码
2006/11/25 PHP
php截取视频指定帧为图片
2016/05/16 PHP
laravel中的错误与日志用法详解
2016/07/26 PHP
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
2015/03/05 Javascript
3个可以改善用户体验的AngularJS指令介绍
2015/06/18 Javascript
AngularJS基础 ng-mouseleave 指令详解
2016/08/02 Javascript
AngularJS中$http服务常用的应用及参数
2016/08/22 Javascript
让编辑器支持word复制黏贴、截屏的js代码
2016/10/17 Javascript
jQuery实现拖拽可编辑模块功能代码
2017/01/12 Javascript
JS实现向iframe中表单传值的方法
2017/03/24 Javascript
详解Vue.js 2.0 如何使用axios
2017/04/21 Javascript
JS实现前端缓存的方法
2017/09/21 Javascript
通过vue-cli来学习修改Webpack多环境配置和发布问题
2017/12/22 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
2018/01/04 Javascript
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
原生JavaScript实现购物车
2021/01/10 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
Python中__init__和__new__的区别详解
2014/07/09 Python
python简单实现获取当前时间
2016/08/27 Python
python妙用之编码的转换详解
2017/04/21 Python
python与sqlite3实现解密chrome cookie实例代码
2018/01/20 Python
Python面向对象类的继承实例详解
2018/06/27 Python
python事件驱动event实现详解
2018/11/21 Python
numpy实现神经网络反向传播算法的步骤
2019/12/24 Python
jupyter notebook 的工作空间设置操作
2020/04/20 Python
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
《奇妙的国际互联网》 教学反思
2014/02/25 职场文书
经贸专业毕业生求职信范文
2014/05/01 职场文书
副职竞争上岗演讲稿
2014/05/12 职场文书
校外活动方案
2014/08/28 职场文书
学习实践科学发展观心得体会
2014/09/10 职场文书
保安辞职信范文
2015/02/28 职场文书
如何撰写促销方案?
2019/07/05 职场文书
《LOL》“克隆大作战”久违归来 幻灵战队皮肤上线
2022/04/03 其他游戏
Python 装饰器(decorator)常用的创建方式及解析
2022/04/24 Python