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实现定时刷新功能代码
May 09 jQuery
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
Jun 09 jQuery
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
jQuery获取随机颜色的实例代码
May 21 jQuery
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
jQuery实现的简单手风琴效果示例
Aug 29 jQuery
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 jQuery
jQuery Migrate 插件用法实例详解
May 22 jQuery
jquery实现有过渡效果的tab切换
Jul 17 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数组的一些常见操作汇总
2011/07/17 PHP
解析PHP多种序列化与反序列化的方法
2013/06/06 PHP
PHP不用递归遍历目录下所有文件的代码
2014/07/04 PHP
php字符串过滤与替换小结
2015/01/26 PHP
PHP下SSL加密解密、验证、签名方法(很简单)
2020/06/28 PHP
JQuery动态给table添加、删除行 改进版
2011/01/19 Javascript
js原型继承的两种方法对比介绍
2014/03/30 Javascript
js加入收藏夹代码(兼容ie/ff/op)
2014/05/16 Javascript
PHP中使用微秒计算脚本执行时间例子
2014/11/19 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
2015/10/22 Javascript
Bootstrap文件上传组件之bootstrap fileinput
2016/11/25 Javascript
iView-admin 动态路由问题的解决方法
2018/10/03 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
2018/10/11 Javascript
vue.draggable实现表格拖拽排序效果
2018/12/01 Javascript
vue+layui实现select动态加载后台数据的例子
2019/09/20 Javascript
Vue开发中遇到的跨域问题及解决方法
2020/02/11 Javascript
vue router-link 默认a标签去除下划线的实现
2020/11/06 Javascript
[05:05]给小松五分钟系列 第二期介绍为什么打DOTA2
2014/07/02 DOTA
Python中的并发编程实例
2014/07/07 Python
分析Python的Django框架的运行方式及处理流程
2015/04/08 Python
浅谈python多线程和队列管理shell程序
2015/08/04 Python
Python+MongoDB自增键值的简单实现
2016/11/04 Python
详解Python 数据库 (sqlite3)应用
2016/12/07 Python
Python入门_浅谈for循环、while循环
2017/05/16 Python
查看Django和flask版本的方法
2018/05/14 Python
Python运维开发之psutil库的使用详解
2018/10/18 Python
CentOS 7下安装Python3.6 及遇到的问题小结
2018/11/08 Python
Python的历史与优缺点整理
2020/05/26 Python
英国口碑最好的的维他命胶囊品牌:Myvitamins(有中文站)
2016/12/03 全球购物
户外婚礼策划方案
2014/02/08 职场文书
如何写自我鉴定
2014/03/19 职场文书
学生会主席演讲稿
2014/04/25 职场文书
群众路线教育实践活动的心得体会
2014/09/03 职场文书
职工年度考核评语
2014/12/31 职场文书
2015年上半年党建工作总结
2015/03/30 职场文书
Python Socket编程详解
2021/04/25 Python