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+ThinkPHP+Ajax实现即时消息提醒功能实例代码
Mar 21 jQuery
详谈jQuery.load()和Jsp的include的区别
Apr 12 jQuery
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
jQuery创建及操作xml格式数据示例
May 26 jQuery
jQuery实现常见的隐藏与展示列表效果示例
Jun 04 jQuery
jQuery使用动画队列自定义动画操作示例
Jun 16 jQuery
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
jQuery 选择器用法基础入门示例
Jan 04 jQuery
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
JQuery基于FormData异步提交数据文件
Sep 01 jQuery
JavaScript枚举选择jquery插件代码实例
Nov 17 jQuery
jquery插件实现代码雨特效
Apr 24 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实现图片缩放功能类
2013/12/18 PHP
php查询操作实现投票功能
2016/05/09 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
php封装的图片(缩略图)处理类完整实例
2016/10/19 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
Bootstrap打造一个左侧折叠菜单的系统模板(一)
2016/05/17 Javascript
浅谈angular懒加载的一些坑
2016/08/20 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
2017/02/14 Javascript
微信小程序 设置启动页面的两种方法
2017/03/09 Javascript
Node.js中.pfx后缀文件的处理方法
2017/03/10 Javascript
简单谈谈关于 npm 5.0 的新坑
2017/06/08 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
ionic使用angularjs表单验证(模板验证)
2018/12/12 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
2020/08/03 Javascript
详解Node.JS模块 process
2020/08/31 Javascript
JS+CSS实现动态时钟
2021/02/19 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
[46:43]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第二局
2016/03/02 DOTA
[06:45]DOTA2-DPC中国联赛 正赛 Magma vs LBZS 选手采访
2021/03/11 DOTA
使用setup.py安装python包和卸载python包的方法
2013/11/27 Python
跟老齐学Python之总结参数的传递
2014/10/10 Python
Python实现字典的遍历与排序功能示例
2017/12/23 Python
Python设计模式之中介模式简单示例
2018/01/09 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
python使用requests模块实现爬取电影天堂最新电影信息
2019/04/03 Python
python使用协程实现并发操作的方法详解
2019/12/27 Python
thinkphp5 路由分发原理
2021/03/18 PHP
CSS3 三维变形实现立体方块特效源码
2016/12/15 HTML / CSS
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
日本酒店、民宿、温泉旅馆、当地旅行团中文预订:e路东瀛
2019/12/09 全球购物
2019年.net常见面试问题
2012/02/12 面试题
2014年酒店工作总结范文
2014/11/17 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
2015新员工工作总结范文
2015/10/15 职场文书
原生CSS实现文字无限轮播的通用方法
2021/03/30 HTML / CSS