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插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
jQuery模拟爆炸倒计时功能实例代码
Aug 21 jQuery
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
jQuery实现checkbox全选功能完整实例
Jul 12 jQuery
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 jQuery
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 jQuery
jQuery高级编程之js对象、json与ajax用法实例分析
Nov 01 jQuery
JQuery中DOM节点的操作与访问方法实例分析
Dec 23 jQuery
jquery检测上传文件大小示例
Apr 26 jQuery
jQuery实现简单评论区功能
Oct 26 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
全国FM电台频率大全 - 21 海南省
2020/03/11 无线电
php中CI操作多个数据库的代码
2012/07/05 PHP
PHP编程风格规范分享
2014/01/15 PHP
PHP MSSQL 分页实例
2016/04/13 PHP
Javascript中找到子元素在父元素内相对位置的代码
2012/07/21 Javascript
node.js中的forEach()是同步还是异步呢
2015/01/29 Javascript
jQuery的remove()方法使用详解
2015/08/11 Javascript
js实现页面a向页面b传参的方法
2016/05/29 Javascript
jQuery中的AjaxSubmit使用讲解
2016/09/25 Javascript
js上下视差滚动简单实现代码
2017/03/07 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
使用Vue构建可重用的分页组件
2018/03/26 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
2019/10/21 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
[01:46]辉夜杯—打造中国DOTA新格局
2015/12/25 DOTA
Python编程中的文件读写及相关的文件对象方法讲解
2016/01/19 Python
深入解析Python的Tornado框架中内置的模板引擎
2016/07/11 Python
django中的setting最佳配置小结
2017/11/21 Python
python删除本地夹里重复文件的方法
2020/11/19 Python
python3实现随机数
2018/06/25 Python
Python3模拟curl发送post请求操作示例
2019/05/03 Python
Ubuntu下Anaconda和Pycharm配置方法详解
2019/06/14 Python
自定义Django Form中choicefield下拉菜单选取数据库内容实例
2020/03/13 Python
利用PyQt5+Matplotlib 绘制静态/动态图的实现代码
2020/07/13 Python
详解Html5 Canvas画线有毛边解决方法
2018/03/01 HTML / CSS
用html5实现语音搜索框的方法
2014/03/18 HTML / CSS
一套Delphi的笔试题二
2013/05/11 面试题
关于逃课的检讨书
2014/01/23 职场文书
青春奉献演讲稿
2014/05/08 职场文书
本科毕业生应聘自荐信范文
2014/06/26 职场文书
物理学专业求职信
2014/07/04 职场文书
国企干部对照检查材料
2014/08/22 职场文书
房产公证委托书范本
2014/09/20 职场文书
2015年党日活动总结范文
2015/03/25 职场文书
肖申克的救赎观后感
2015/06/02 职场文书
详解Python函数print用法
2021/06/18 Python