Heim > Web-Frontend > js-Tutorial > Beispielanalyse der Filtermethodenverwendung in jquery_jquery

Beispielanalyse der Filtermethodenverwendung in jquery_jquery

WBOY
Freigeben: 2016-05-16 16:15:26
Original
1330 Leute haben es durchsucht

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: Dokument <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.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage