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 19 jQuery
基于jQuery的表单填充实例
Aug 22 jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 jQuery
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
jQuery 实现左右两侧菜单添加、移除功能
Jan 02 jQuery
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
Jan 25 jQuery
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 jQuery
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
jQuery实现验证用户登录
Dec 10 jQuery
jQuery实现html可联动的百分比进度条
Mar 26 jQuery
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 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
MySQL 日期时间函数常用总结
2012/06/12 PHP
php 不使用js实现页面跳转
2014/02/11 PHP
php中http与https跨域共享session的解决方法
2014/12/20 PHP
Symfony2学习笔记之插件格式分析
2016/03/17 PHP
PHP的Yii框架中使用数据库的配置和SQL操作实例教程
2016/03/17 PHP
Yii2语言国际化自动配置详解
2018/08/22 PHP
Laravel框架实现的rbac权限管理操作示例
2019/01/16 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
JQuery select控件的相关操作实现代码
2012/09/14 Javascript
js函数中onmousedown和onclick的区别和联系探讨
2013/05/19 Javascript
javascript常用对话框小集
2013/09/13 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
浅谈jquery中delegate()与live()
2015/06/22 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
2016/06/29 Javascript
详解vue-cli快速构建vue应用并实现webpack打包
2017/12/13 Javascript
Vue引入sass并配置全局变量的方法
2018/06/27 Javascript
Vue在 Nuxt.js 中重定向 404 页面的方法
2019/04/23 Javascript
在Python的Django框架中创建语言文件
2015/07/27 Python
python中安装Scrapy模块依赖包汇总
2017/07/02 Python
快速解决PyCharm无法引用matplotlib的问题
2018/05/24 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
详解从Django Allauth中进行登录改造小结
2019/12/18 Python
TensorFlow dataset.shuffle、batch、repeat的使用详解
2020/01/21 Python
Python实现仿射密码的思路详解
2020/04/23 Python
Jupyter Notebook安装及使用方法解析
2020/11/12 Python
HTML5 拖放(Drag 和 Drop)详解与实例代码
2017/09/14 HTML / CSS
Debenhams百货英国官方网站:Debenhams UK
2016/07/12 全球购物
瑞士灯具购物网站:Lampenwelt.ch
2018/07/08 全球购物
以实惠的价格轻松租车,免费取消:Easyrentcars
2019/07/16 全球购物
甲方资料员岗位职责
2013/12/13 职场文书
企业精神口号
2014/06/11 职场文书
承诺函格式模板
2015/01/21 职场文书
个人总结格式范文
2015/03/09 职场文书
最感人的道歉情书
2015/05/12 职场文书
春风化雨观后感
2015/06/11 职场文书
公司趣味运动会开幕词
2016/03/04 职场文书