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 进入页面默认给已赋值的复选框打钩
Mar 23 jQuery
jQuery Plupload上传插件的使用
Apr 19 jQuery
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
Aug 17 jQuery
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
jQuery动态移除与增加onclick属性的方法详解
Jun 07 jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
jQuery实现简单全选框
Sep 13 jQuery
jquery自定义组件实例详解
Dec 31 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
让CodeIgniter数据库缓存自动过期的处理的方法
2014/06/12 PHP
谈谈php对接芝麻信用踩的坑
2016/12/01 PHP
Laravel如何实现自动加载类
2019/10/14 PHP
laravel 解决Validator使用中出现的问题
2019/10/25 PHP
javascript下给元素添加事件的方法与代码
2007/08/13 Javascript
js控制CSS样式属性语法对照表
2012/12/11 Javascript
js遍历、动态的添加数据的小例子
2013/06/22 Javascript
javascript轻量级模板引擎juicer使用指南
2014/06/22 Javascript
JQuery设置获取下拉菜单某个选项的值(比较全)
2014/08/05 Javascript
javascript定义变量时加var与不加var的区别
2014/12/22 Javascript
jQuery插件StickUp实现网页导航置顶
2015/04/12 Javascript
jQuery对JSON数据进行排序输出的方法
2015/06/24 Javascript
JavaScript实现cookie的写入、读取、删除功能
2015/11/05 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
js正则表达式replace替换变量方法
2016/05/21 Javascript
原生JS中slice()方法和splice()区别
2017/03/06 Javascript
node中modules.exports与exports导出的区别
2018/06/08 Javascript
[02:41]DOTA2英雄基础教程 亚巴顿
2014/01/02 DOTA
[31:00]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS iG
2014/05/25 DOTA
python批量修改文件后缀示例代码分享
2013/12/24 Python
python分析网页上所有超链接的方法
2015/05/08 Python
Python设计模式之抽象工厂模式
2016/08/25 Python
独特的python循环语句
2016/11/20 Python
python2.7实现爬虫网页数据
2018/05/25 Python
python3使用print打印带颜色的字符串代码实例
2019/08/22 Python
快速解决docker-py api版本不兼容的问题
2019/08/30 Python
关于tf.nn.dynamic_rnn返回值详解
2020/01/20 Python
TensorFLow 数学运算的示例代码
2020/04/21 Python
Python实现计算图像RGB均值方式
2020/06/04 Python
python抢购软件/插件/脚本附完整源码
2021/03/04 Python
喜诗官方在线巧克力店:See’s Candies
2017/01/01 全球购物
澳大利亚在线时尚精品店:Hello Molly
2018/02/26 全球购物
历史系自荐信范文
2013/12/24 职场文书
经典团队口号
2014/06/06 职场文书
2014年电话销售工作总结
2014/12/01 职场文书
《艾尔登法环》1.03.3补丁上线 碎星伤害调整
2022/04/06 其他游戏