jquery基本过滤器是什么-创新互联

这篇文章主要介绍jquery基本过滤器是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联建站专注于巴里坤哈萨克企业网站建设,响应式网站设计,商城系统网站开发。巴里坤哈萨克网站建设公司,为巴里坤哈萨克等地区提供建站服务。全流程定制网站,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务

jquery基本过滤器有:1、jQuery first方法,该方法返回被选元素的首个元素;2、jQuery last方法,该返回被选元素中带有指定索引号的元素;3、jQuery eq方法,该方法返回被选元素中带有指定索引号的元素等等。

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=$('
        ').appendTo($('.logonav')); for(var i=0;i<_data.length;i++){ var fdata=_data[i]; var fil = $('
      • '+fdata.NAME+'
      ').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基本过滤器是什么的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


      新闻标题:jquery基本过滤器是什么-创新互联
      文章路径:http://hbruida.cn/article/jsoip.html