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中的deferred使用方法
Mar 27 jQuery
jQuery中map函数的两种方式
Apr 07 jQuery
关于jQuery库冲突的完美解决办法
May 20 jQuery
基于jquery实现多级菜单效果
Jul 25 jQuery
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
jQuery基于闭包实现的显示与隐藏div功能示例
Jun 09 jQuery
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 jQuery
jquery实现轮播图特效
Apr 12 jQuery
jQuery实现的上拉刷新功能组件示例
May 01 jQuery
jQuery实现视频展示效果
May 30 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编实现程动态图像的创建代码
2008/09/28 PHP
php中session退出登陆问题
2014/02/27 PHP
php使用Swoole实现毫秒级定时任务的方法
2020/09/04 PHP
JQuery 学习笔记01 JQuery初接触
2010/05/06 Javascript
jquery表单验证使用插件formValidator
2012/11/10 Javascript
JavaScript 函数replace深入了解
2013/03/14 Javascript
jquery获取html元素的绝对位置和相对位置的方法
2014/06/20 Javascript
JavaScript获取URL汇总
2015/06/08 Javascript
纯javascript实现分页(两种方法)
2015/08/26 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
2015/11/03 Javascript
JS显示日历和天气的方法
2016/03/01 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
JQuery.validationEngine表单验证插件(推荐)
2016/12/10 Javascript
js仿淘宝评价评分功能
2017/02/28 Javascript
使用canvas及js简单生成验证码方法
2017/04/02 Javascript
JS简单实现获取元素的封装操作示例
2017/04/07 Javascript
JS ES6多行字符串与连接字符串的表示方法
2017/04/26 Javascript
vue快捷键与基础指令详解
2017/06/01 Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
2017/11/07 Javascript
vue 实现全选全不选的示例代码
2018/03/29 Javascript
Bootstarp在pycharm中的安装及简单的使用方法
2019/04/19 Javascript
js实现AI五子棋人机大战
2020/05/28 Javascript
Vue为什么要谨慎使用$attrs与$listeners
2020/08/27 Javascript
[02:39]DOTA2英雄基础教程 天怒法师
2013/11/29 DOTA
python获取beautifulphoto随机某图片代码实例
2013/12/18 Python
python爬虫常用的模块分析
2014/08/29 Python
python2.7的flask框架之引用js&css等静态文件的实现方法
2019/08/22 Python
python超时重新请求解决方案
2019/10/21 Python
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
庆八一活动方案
2014/01/25 职场文书
竞选副班长演讲稿
2014/04/24 职场文书
营销与策划专业求职信
2014/06/20 职场文书
委托书如何写
2014/08/30 职场文书
jquery插件实现搜索历史
2021/04/24 jQuery
浅谈Python中的函数(def)及参数传递操作
2021/05/25 Python
「月刊Action」2022年5月号封面公开
2022/03/21 日漫