首页 > web前端 > js教程 > 正文

jquery基本过滤器有哪些

藏色散人
发布: 2020-11-16 10:57:53
原创
3086人浏览过
jquery基本过滤器有:1、jQuery first方法,该方法返回被选元素的首个元素;2、jQuery last方法,该返回被选元素中带有指定索引号的元素;3、jQuery eq方法,该方法返回被选元素中带有指定索引号的元素等等。

jquery基本过滤器有哪些

推荐:《js视频教程

jQuery基本过滤器

      最近小编正在学习jQuery的知识,总结一下最近在项目中用到的知识。

     jQuery first() 方法

        first() 方法返回被选元素的首个元素。

          下面的例子选取首个

    元素内部的第一个
  • 元素:
    $(document).ready(function(){
      $("ul li").first();
    });
    登录后复制

    jQuery last() 方法

    last() 方法返回被选元素的最后一个元素。

    下面的例子选择最后一个

      元素中的最后一个
    • 元素:
      $(document).ready(function(){
        $("ul li").last();
      });
      登录后复制

      jQuery eq() 方法

      eq() 方法返回被选元素中带有指定索引号的元素。

      索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个

      元素(索引号 1):

      $(document).ready(function(){
        $("p").eq(1);
      });
      登录后复制

      jQuery filter() 方法

      filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

      下面的例子返回带有类名 "intro" 的所有

      元素:

      $(document).ready(function(){
        $("p").filter(".intro");
      });
      登录后复制

      jQuery not() 方法

      not() 方法返回不匹配标准的所有元素。

      提示:not() 方法与 filter() 相反。

      下面的例子返回不带有类名 "intro" 的所有

      元素:

      $(document).ready(function(){
        $("p").not(".intro");
      });
      登录后复制

      【实例】

            当你的页面上动态生成的菜单(li标签)需要默认显示第一菜单功能时,这时候.first方法就非常好用。 

      function createDiv(obj){
      var pathName = window.localtion.pathname;
      var curfilepath = (pathName).substring(pathName.substring(1).indexOf('/')+1);
      //把数据转换成树形结构
      var _data = transform2NormalData(obj);
      if(_data.length>0){
      var fnav=$('<ul />').appendTo($('.logonav'));
      for(var i=0;i<_data.length;i++){
      var fdata=_data[i];
      var fil = $('<li>'+fdata.NAME+'</ul>').appendTo(fnav);
      fil.data("attr",fdata);
      fil.on("click",function(){
      $(this).addClass('ztNav_cl').sublings().removeClass("ztNav_cl");
      var data = $(this).data('attr');
      var ext = parseExtext(data.EXTENSTIONS);
      if(ext!="" && ext!=null){
      var func=eval(ext.func);
      if(typeof(func) == 'function'){
      func?func(data):false;
      }
      }
      });
      }
       
      //默认显示第一个li标签中的内容
      $('.logonav ul li:first').addClass('ztNav_cl').sublings().removeClass("ztNav_cl");
      var data = $(this).data('attr');
      var ext = parseExtext(data.EXTENSTIONS);
      if(ext!="" && ext!=null){
      var func=eval(ext.func);
      if(typeof(func) == 'function'){
      func?func(data):false;
      }
      }
      }
      }
      登录后复制

以上就是jquery基本过滤器有哪些的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号