suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Verwendung der jQuery-Filtermethode filter()

Detaillierte Erläuterung der Verwendung der jQuery-Filtermethode filter()

php中世界最好的语言
php中世界最好的语言Original
2018-04-24 11:52:183455Durchsuche

Dieses Mal werde ich Ihnen die Verwendung der jQuery-Filtermethode filter() ausführlich erläutern. Was sind die Vorsichtsmaßnahmen bei der Verwendung der jQuery-Filtermethode filter()? , lass uns einen Blick darauf werfen.

Jetzt müssen alle Elemente mit Hintergrundbildern ausgewählt werden.

Dieses Problem ist etwas knifflig.
Verwenden Sie die DOM-Filtermethode filter() kann Elemente basierend auf allen in der Funktion ausgedrückten Bedingungen auswählen.
Die Filtermethode in jQuery ermöglicht die Übergabe einer Zeichenfolge (d. h. eines Selektorausdrucks) als Parameter.
Oder die Übergabe ist eine Funktion Der Wert definiert, ob ein Element ausgewählt ist.
Die übergebene Funktion wird für jedes Element im aktuellen Auswahlsatz ausgeführt.
Wenn die Funktion „false“ zurückgibt, wird die entsprechende Funktion gemeinsam gelöscht ist wahr, das entsprechende Element
ist nicht betroffen 

jQuery('*').filter(function(){ 
return !!jQuery(this).css('
background
'); 
});

Der obige Code wählt alle Elemente mit Hintergrundbildern aus
Der anfängliche Satz ist alle Elemente (*). mit einer Funktion als Parameter.
Diese Funktion bestimmt, ob in jeder Sammlung ein Attribut-Hintergrundattribut vorhanden ist. Andernfalls wird es in der Ergebnismenge gespeichert.
Was Sie sehen!! ist ein beliebiger undefinierter, leerer Typ und natürlich false in der Mitte von
JavascriptWenn der Funktionsaufruf diese Werte zurückgibt, gibt die Funktion false zurück und löscht dadurch Elemente ohne Hintergrundattribut in der Sammlung.
Eigentlich ist es nicht notwendig, diese Rückgabewerte in boolesche Typen umzuwandeln.
Auf diese Weise , wenn jemand Ihren Code sieht, kann er sich Ihrer Absicht absolut sicher sein (Dies verbessert die Lesbarkeit des Codes).
In der Funktion, die filter() übergibt, können Sie den Schlüssel this übergeben, der sich auf das aktuelle Element bezieht .
Fügen Sie es in die jQuery-Funktion ein und es wird zu einem jQuery-Objekt
jQuery(this) //jQuery-Objekt .



Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website! 

jQuery('p').filter(function(){ 
var width = jQuery(this).width; 
return width >100 && widht < 200; 
}); 
//返回子元素有10个或者20个的元素. 
jQuery(&#39;*&#39;).filter(function(){ 
var children = jQuery(this).childern().length; 
return children ===10 || children ===20; 
});
Empfohlene Lektüre: 
<html> 
<head> 
<title></title> 
<style type="text/css"> 
.c1{ 
background-color
: yellow; 
} 
.c2{ 
background-color: green; 
} 
p{ 
background-color: pink; 
} 
h3{ 
background-color: gray; 
} 
</style> 
</head> 
<body> 
<p class="c1">Bye Bye Beautiful</p> 
<p class="c2">Nothing but the girl</p> 
<p>The Lazy song</p> 
<h2>If I die young</h2> 
<h3>New soul</h3> 
<script type="text/javascript" src="jquery.2.0.3.js"></script> 
<script type="text/javascript"> 
jQuery(document).ready(function($) { 
var ret = $(&#39;*&#39;).filter(function(index) { 
return !$(this).css(&#39;background-color&#39;); 
}); 
$.each(ret, function(index, val) { 
$(val).css(&#39;background-color&#39;,&#39;black&#39;); 
}); 
}); 
</script> 
</body> 
</html>

So wenden Sie die jQuery-Plug-in-Datentabellen für die Tabellenmanipulation an

Detaillierte Erklärung der js/jquery-Analyse von JSON Methode

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der jQuery-Filtermethode filter(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
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
Vorheriger Artikel：jQuery LigerUI-OperationsformularNächster Artikel：jQuery LigerUI-Operationsformular

In Verbindung stehende Artikel

Mehr sehen