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 Form轻松实现文件上传
May 24 jQuery
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
基于jQuery.i18n实现web前端的国际化
May 04 jQuery
基于jQuery实现的设置文本区域的光标位置
Jun 15 jQuery
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 jQuery
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
jQuery表单元素过滤选择器用法实例分析
Feb 20 jQuery
jQuery实现的解析本地 XML 文档操作示例
Apr 30 jQuery
如何基于jQuery实现五角星评分
Sep 02 jQuery
jQuery实现简单三级联动效果
Sep 05 jQuery
JS实现选项卡插件的两种写法(jQuery和class)
Dec 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
经典的星际争霸,满是回忆的BGM
2020/04/09 星际争霸
ThinkPHP3.1基础知识快速入门
2014/06/19 PHP
php 删除cookie方法详解
2014/12/01 PHP
PHP上传文件参考配置大文件上传
2015/12/16 PHP
在WordPress中获取数据库字段内容和添加主题设置菜单
2016/01/11 PHP
HTML中嵌入PHP的简单方法
2016/02/16 PHP
php压缩文件夹最新版
2018/07/18 PHP
自适应图片大小的弹出窗口
2006/07/27 Javascript
漂亮的widgets,支持换肤和后期开发新皮肤
2007/04/23 Javascript
JavaScript读取中文cookie时的乱码问题的解决方法
2009/10/14 Javascript
JQuery 中几个类选择器的简单使用介绍
2013/03/14 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
2014/01/20 Javascript
node.js中的fs.exists方法使用说明
2014/12/17 Javascript
javascript实现任务栏消息提示的简单实例
2016/05/31 Javascript
jquery实现点击页面回到顶部
2016/11/23 Javascript
jQuery实现可移动选项的左右下拉列表示例
2016/12/26 Javascript
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
2018/08/17 Javascript
JS中async/await实现异步调用的方法
2019/08/28 Javascript
JsonServer安装及启动过程图解
2020/02/28 Javascript
Element Card 卡片的具体使用
2020/07/26 Javascript
[06:45]DOTA2卡尔工作室 英雄介绍幻影长矛手篇
2013/07/12 DOTA
python实现网页链接提取的方法分享
2014/02/25 Python
Python with的用法
2014/08/22 Python
基于wxpython开发的简单gui计算器实例
2015/05/30 Python
Python实现提取谷歌音乐搜索结果的方法
2015/07/10 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
tensorflow模型文件(ckpt)转pb文件的方法(不知道输出节点名)
2020/04/22 Python
python中format函数如何使用
2020/06/22 Python
canvas实现扭蛋机动画效果的示例代码
2018/10/17 HTML / CSS
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
美国最大的高尔夫发球时间预订网站:TeeOff.com
2018/03/28 全球购物
2014初中数学教研组工作总结
2014/12/19 职场文书
谢师宴家长致辞
2015/07/27 职场文书
2016年小学生教师节广播稿
2015/12/18 职场文书
导游词之北京明十三陵
2019/10/28 职场文书
图解排序算法之希尔排序Java实现
2021/06/26 Java/Android