jQuery 筛选器简单操作示例

 更新时间:2019年10月02日 12:04:43   作者:kevin.Xiang   我要评论
这篇文章主要介绍了jQuery 筛选器简单操作,结合实例形式详细分析了jQuery筛选器针对元素、字符串、属性等操作常见技巧与操作注意实行,需要的朋友可以参考下

本文实例讲述了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常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结

希望本文所述对大家jQuery程序设计有所帮助。

相关文章

  • 基于Jquery和html5的7款个性化地图插件

    基于Jquery和html5的7款个性化地图插件

    现在我们经常会用到一些地图应用,无论是在网页上还是手机App中,地图貌似是一个不可或缺的应用。本文将带领大家一起来看看jQuery和HTML5的个性化地图插件,都是比较实用的,感兴趣的朋友一起学习吧
    2015-11-11
  • BootStrap中jQuery插件Carousel实现轮播广告效果

    BootStrap中jQuery插件Carousel实现轮播广告效果

    轮播广告在网站中的应用实在是太常见了,下面说一说怎样使用bootstrap中的Carousel插件来实现轮播广告效果,感兴趣的朋友一起看看吧
    2017-03-03
  • JQuery上传插件Uploadify使用详解及错误处理

    JQuery上传插件Uploadify使用详解及错误处理

    关于JQuery上传插件Uploadify使用详解网上一大把,基本上内容都一样。我根据网上的步骤配置完成后,会报一些错误,而我根据这些错误去网上找解决方案,却没有相关资料,所以为了不让更多的朋友走弯路,我把我遇到的一些问题进行汇总,也方便我自己以后查阅。
    2010-04-04
  • jQuery插件jQuery-JSONP开发ajax调用使用注意事项

    jQuery插件jQuery-JSONP开发ajax调用使用注意事项

    jQuery-JSONP是一个支持 JSONP 调用的 jQuery 插件,使用它是因为它支持出错时的 ajax 回调,而 jQuery 的 $.ajax 不支持,我们已经在实际项目中使用,在开始使用时遇到了2个问题,在这里记录并分享一下。
    2013-11-11
  • 详解jQuery中的事件

    详解jQuery中的事件

    jQuery增加了并扩展了基本的事件处理机制,不但提供了更加优雅的事件处理语法,而且极大地增强了事件处理能力。本文将对此进行详细介绍,需要的朋友一起来看下吧
    2016-12-12
  • 基于JQuery实现的跑马灯效果(文字无缝向上翻动)

    基于JQuery实现的跑马灯效果(文字无缝向上翻动)

    本篇文章分享了如何实现文字无缝向上翻动效果的示例代码。代码清晰明了,可直接下载使用。有兴趣的朋友可以看下
    2016-12-12
  • jquery实现侧边栏左右伸缩效果的示例

    jquery实现侧边栏左右伸缩效果的示例

    下面小编就为大家分享一篇jquery实现侧边栏左右伸缩效果的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • 通过jQuery源码学习javascript(三)

    通过jQuery源码学习javascript(三)

    承接上两篇继续写下去。我尽量把我明白的地方给大家说清楚。有些大家的提问我也有点搞不明白,如果有人能解答,再好不过了
    2012-12-12
  • 基于jQuery实现的仿百度首页滑动选项卡效果代码

    基于jQuery实现的仿百度首页滑动选项卡效果代码

    这篇文章主要介绍了基于jQuery实现的仿百度首页滑动选项卡效果代码,涉及jQuery响应鼠标事件实现页面元素动态变换的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • jquery提示 "object expected"的解决方法

    jquery提示 "object expected"的解决方法

    在测试代码的时候,提示object expected,下面的解决方法,可以参考下。
    2009-12-12

最新评论