Heim > Web-Frontend > js-Tutorial > So schließen Sie ein bestimmtes DOM-Element mit dem JQuery-Selektor aus (Beispieldemonstration)_jquery

So schließen Sie ein bestimmtes DOM-Element mit dem JQuery-Selektor aus (Beispieldemonstration)_jquery

WBOY
Freigeben: 2016-05-16 16:51:14
Original
1361 Leute haben es durchsucht

Es gibt viele JQuery-Selektoren und es gibt viele Möglichkeiten, ein bestimmtes DOM auszuwählen. Wie kann man einige Ausschlüsse für einen bestimmten Satz ausgewählter Elemente vornehmen? Hier einige Beispiele:

1. Wählen Sie alle img-Elemente aus, mit Ausnahme der Anzahl der Elemente mit class=phpernote:

Kopieren Sie den Code Der Code ist wie folgt:
$('img:not(.phpernote)').length();//oder $('img').not('.phpernote').length();

2. Ermitteln Sie die Anzahl aller li-Elemente ohne class=com unter id=phpernote
Kopieren Sie den Code Den Code lautet wie folgt:

$('#phpernote li:not(.com)').size();//oder $('#phpernote li').not('.com' ).length();

3. Legen Sie den Hintergrund der li-Elemente aller ungeraden Zeilen unter id=phpernote fest
Kopieren Sie den Code Der Code lautet wie folgt:
$('#phpernote li').not(':even').css('background-color', 'red');

Angehängtes Beispiel: Bestimmte Elemente in jQuery ausschließen und alle verbleibenden Elemente auswählen

Szenario: Eine bestimmte Seite verwendet die js-Technologie zum verzögerten Laden, um alle Bilder zu verarbeiten und so das Benutzererlebnis zu verbessern. Es gibt jedoch mehrere Bilder, die kein verzögertes Laden wünschen und daher herausgegriffen werden müssen.
Ich habe die API-Dokumentation von jQuery studiert und herausgefunden, dass jQuery wirklich praktisch ist. Veröffentlichen Sie es hier zur Sicherung:

Kopieren Sie den Code Der Code lautet wie folgt:



Yang Guo unter dem Bodhi-Baum

< Skripttyp ="text/javascript">
$().ready(function(){
$("div:not([delay='false'])").css("color", "# f00");
})



div 1

< div delay="false">div 2

div 3



oben Der Code schließt die Divs mit dem zusätzlichen Attribut „Verzögerung“ und dem Wert „false“ aus, wählt dann alle verbleibenden Divs aus und stellt sie auf rote Schriftarten ein.
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 Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage