首頁 > web前端 > js教程 > jquery基本過濾器有哪些

jquery基本過濾器有哪些

藏色散人
發布: 2020-11-16 10:57:53
原創
2969 人瀏覽過

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() 方法

    jQuery ##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=$(&#39;<ul />&#39;).appendTo($(&#39;.logonav&#39;));
      for(var i=0;i<_data.length;i++){
      var fdata=_data[i];
      var fil = $(&#39;<li>&#39;+fdata.NAME+&#39;</ul>&#39;).appendTo(fnav);
      fil.data("attr",fdata);
      fil.on("click",function(){
      $(this).addClass(&#39;ztNav_cl&#39;).sublings().removeClass("ztNav_cl");
      var data = $(this).data(&#39;attr&#39;);
      var ext = parseExtext(data.EXTENSTIONS);
      if(ext!="" && ext!=null){
      var func=eval(ext.func);
      if(typeof(func) == &#39;function&#39;){
      func?func(data):false;
      }
      }
      });
      }
       
      //默认显示第一个li标签中的内容
      $(&#39;.logonav ul li:first&#39;).addClass(&#39;ztNav_cl&#39;).sublings().removeClass("ztNav_cl");
      var data = $(this).data(&#39;attr&#39;);
      var ext = parseExtext(data.EXTENSTIONS);
      if(ext!="" && ext!=null){
      var func=eval(ext.func);
      if(typeof(func) == &#39;function&#39;){
      func?func(data):false;
      }
      }
      }
      }
      登入後複製

      以上是jquery基本過濾器有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板