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版轮播图效果和extend扩展
Jul 18 jQuery
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 jQuery
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
jquery ztree实现右键收藏功能
Nov 20 jQuery
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
webpack里使用jquery.mCustomScrollbar插件的方法
May 30 jQuery
jQuery无冲突模式详解
Jan 17 jQuery
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
jquery html添加元素/删除元素操作实例详解
May 20 jQuery
jQuery实现简单弹幕制作
Dec 10 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
PHP5.2下chunk_split()函数整数溢出漏洞 分析
2007/06/06 PHP
PHP读取PDF内容配合Xpdf的使用
2012/11/24 PHP
解决ajax+php中文乱码的方法详解
2013/06/09 PHP
保存到桌面、设为桌面且带图标的PHP代码
2013/11/19 PHP
PHP调用C#开发的dll类库方法
2014/07/28 PHP
thinkphp3.2中Lite文件替换框架入口文件或应用入口文件的方法
2015/05/21 PHP
php 解决substr()截取中文字符乱码问题
2016/07/18 PHP
javascript实现input file上传图片预览效果
2015/12/31 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
2016/08/02 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
2016/10/04 Javascript
AngularJS表单提交实例详解
2017/02/18 Javascript
vue数据双向绑定原理解析(get & set)
2017/03/08 Javascript
VUE多层路由嵌套实现代码
2017/05/15 Javascript
JSON 数据格式详解
2017/09/13 Javascript
jqgrid实现简单的单行编辑功能
2017/09/30 Javascript
vue2.0+koa2+mongodb实现注册登录
2018/04/10 Javascript
express express-session的使用小结
2018/12/12 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
2019/01/18 Javascript
Jquery+javascript实现支付网页数字键盘
2020/12/21 jQuery
Python的dict字典结构操作方法学习笔记
2016/05/07 Python
python通过zabbix api获取主机
2018/09/17 Python
Python for i in range ()用法详解
2020/09/18 Python
HTML5的革新 结构之美
2011/06/20 HTML / CSS
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
2012/12/09 HTML / CSS
乐高西班牙官方商店:LEGO Shop ES
2019/12/01 全球购物
Python里面如何实现tuple和list的转换
2012/06/13 面试题
有abstract方法的类一定要用abstract修饰吗
2016/03/14 面试题
元旦晚会主持词
2014/03/24 职场文书
小学生五年级大队长竞选发言稿
2014/09/12 职场文书
医德医风个人总结
2015/02/28 职场文书
赡养老人协议书范本
2015/08/06 职场文书
一文读懂go中semaphore(信号量)源码
2021/04/03 Golang
原生JS实现飞机大战小游戏
2021/06/09 Javascript
详解Java实现数据结构之并查集
2021/06/23 Java/Android
浅谈MySQL表空间回收的正确姿势
2021/10/05 MySQL
mysql事务对效率的影响分析总结
2021/10/24 MySQL