Beispielanalyse der Filtermethodenverwendung in jquery_jquery

Das Beispiel in diesem Artikel beschreibt die Verwendung der Filtermethode in jquery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Die Methode

filter() reduziert den Satz übereinstimmender Elemente auf Elemente, die mit dem angegebenen Selektor übereinstimmen.
Die Parameter in der Filtermethode können Zeichenfolgenwerte sein, die Selektorausdrücke zum Abgleichen mit dem aktuellen Satz von Elementen enthalten.

1. Die Parametertypen des Filters können in zwei Typen unterteilt werden

1. Pass-Selektor
$('a').filter('.external')

2. Filterfunktion
übergeben

Code kopieren Der Code lautet wie folgt:

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

2. Der Unterschied zwischen Suchen und Filtern in Jquery

1. find() sucht nach Elementen mit der Klasse classname innerhalb des div-Elements.
2. filter() filtert die Elemente, deren div-Klasse Klassenname ist.
3. Grundsätzlich werden Unterelemente gefunden, und der Filter ist eine Ebenensuche

4. Die Suchfunktion fragt die untergeordneten Elemente der aktuellen Objektsammlung ab; 5. Die Filterfunktion besteht darin, die aktuelle Objektsammlung zu filtern und Filterbedingungen zu verwenden, um den Umfang einzuschränken 6. Der Parameter der Suchfunktion ist der jQuery-Selektorausdruck;

7. Der Parameter von filter ist ebenfalls ein Selektorausdruck, kann aber mehrere durch Kommas getrennte Bedingungen haben (logische ODER-Beziehung); 8. Der Filterparameter kann auch eine Funktion sein. Beim Aufruf der Funktion wird der Indexparameter automatisch übergeben. Die Funktion muss true oder false zurückgeben, um Elemente auszuwählen oder auszuschließen.

Zum Beispiel:

Code kopieren Der Code lautet wie folgt: <script> $(function(){ </span> $('#btn1').click(function(){ </div> alarm($('div').find('.test').html()); <div class="codebody" id="code96039"> }); <br> $('#btn2').click(function(){ <br> alarm($('div').filter('.test').html()); <br> }); <br> $('#btn3').click(function(){ <br> alarm($('div').filter('.last').html()); <br> }); <br> $('#btn4').click(function(){ <br> alarm($('div').filter('.first,.last').html()); <br> }); <br> }); <br> </script>

erster InhaltTestinhalt

lastlast test content

lastlast no test content

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.