Maison > interface Web > js tutoriel > Quels sont les filtres de base pour jquery

Quels sont les filtres de base pour jquery

藏色散人
Libérer: 2020-11-16 10:57:53
original
2930 Les gens l'ont consulté

Les filtres de base de jquery sont : 1. première méthode jQuery, qui renvoie le premier élément de l'élément sélectionné ; 2. dernière méthode jQuery, qui renvoie l'élément avec le numéro d'index spécifié parmi les éléments sélectionnés ; , méthode jQuery eq, cette méthode renvoie l'élément avec le numéro d'index spécifié parmi les éléments sélectionnés, etc.

Quels sont les filtres de base pour jquery

Recommandé : "Tutoriel vidéo js"

Filtre de base jQuery

Récemment, l'éditeur apprend les connaissances de jQuery et résume les connaissances utilisées dans les projets récents.

Méthode jQuery first()

La méthode first() renvoie le premier élément de l'élément sélectionné.

L'exemple suivant sélectionne le premier élément

  • à l'intérieur du premier élément
       :

      $(document).ready(function(){
        $("ul li").first();
      });
      Copier après la connexion

      méthode jQuery last()

      La méthode last() renvoie le dernier élément de l’élément sélectionné.

      L'exemple suivant sélectionne le dernier élément

    • dans le dernier élément
         :

        $(document).ready(function(){
          $("ul li").last();
        });
        Copier après la connexion

        méthode jQuery eq()

        <🎜 La La méthode >eq() renvoie l'élément avec le numéro d'index spécifié parmi les éléments sélectionnés.

        Les indices commencent à 0, donc l'indice du premier élément est 0 au lieu de 1. L'exemple suivant sélectionne le deuxième élément

        (index 1) :

        $(document).ready(function(){
          $("p").eq(1);
        });
        Copier après la connexion

        méthode jQuery filter() La méthode

        filter() vous permet de spécifier un standard. Les éléments qui ne correspondent pas à ce critère sont supprimés de la collection et les éléments correspondants sont renvoyés.

        L'exemple suivant renvoie tous les éléments

        avec le nom de classe "intro" :

        $(document).ready(function(){
          $("p").filter(".intro");
        });
        Copier après la connexion

        méthode jQuery not()

        not () La méthode renvoie tous les éléments qui ne correspondent pas aux critères.

        Astuce : La méthode not() est l'opposé de filter().

        L'exemple suivant renvoie tous les éléments

        sans le nom de classe "intro" :

        $(document).ready(function(){
          $("p").not(".intro");
        });
        Copier après la connexion

        [Exemple]

        Lorsqu'il est généré dynamiquement sur votre page Lorsque le menu ( li tag) doit afficher la première fonction de menu par défaut, la méthode .first est très utile.

        function createDiv(obj){
        var pathName = window.localtion.pathname;
        var curfilepath = (pathName).substring(pathName.substring(1).indexOf(&#39;/&#39;)+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;
        }
        }
        }
        }
        Copier après la connexion

        Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

  • Étiquettes associées:
    source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal