Exemple d'analyse de l'utilisation de la méthode de filtre dans jquery_jquery

L'exemple de cet article décrit l'utilisation de la méthode filter dans jquery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

La méthode

filter() réduit l'ensemble des éléments correspondants aux éléments correspondant au sélecteur spécifié.
Les paramètres de la méthode de filtrage peuvent être des valeurs de chaîne contenant des expressions de sélection permettant de faire correspondre l'ensemble actuel d'éléments.

1. Les types de paramètres de filtre peuvent être divisés en deux types

1. Sélecteur de pass
$('a').filter('.external')

2. Fonction de filtre de passage

Copier le code Le code est le suivant :

$('a').filter(function(index) {
          return $(this).hasClass('external');
})

2. La différence entre rechercher et filtrer dans Jquery

1. find() recherchera les éléments avec le nom de classe dans l'élément div.
2. filter() filtre les éléments dont la classe div est classname.
3. Fondamentalement, les sous-éléments de recherche sont trouvés et le filtre est une recherche de niveau

4. La fonction find interroge les éléments enfants de la collection d'objets actuelle
5. La fonction de filtre consiste à filtrer la collection d'objets actuelle et à utiliser des conditions de filtre pour restreindre la portée
 ; 6. Le paramètre de la fonction find est l'expression du sélecteur jQuery ;

7. Le paramètre de filtre est également une expression de sélection, mais il peut avoir plusieurs conditions, séparées par des virgules (relation OU logique) ; 8. Le paramètre de filtre peut également être une fonction. Lors de l'appel de la fonction, le paramètre d'index sera automatiquement transmis. La fonction doit renvoyer vrai ou faux pour sélectionner ou exclure des éléments.

Par exemple :

Copier le code Le code est le suivant :

Document <script> $(fonction(){ <div class="codebody" id="code96039"> $('#btn1').click(function(){ <br> alert($('div').find('.test').html()); <br> }); <br> $('#btn2').click(function(){ <br> alert($('div').filter('.test').html()); <br> }); <br> $('#btn3').click(function(){ <br> alert($('div').filter('.last').html()); <br> }); <br> $('#btn4').click(function(){ <br> alert($('div').filter('.first,.last').html() <br> }); <br> }); <br> </script>

premier contenutester le contenu

lastdernier contenu du test

lastdernier aucun contenu de test

J'espère que cet article sera utile à la programmation jQuery de chacun.