jQuery Kort gezegd jQuery selecteren

Opmerkingen: Vanaf jQuery 1.3, de is () methode ondersteunt alle uitdrukkingen. Eerder complexe expressies zoals die met hiërarchieselectieprogramma's (zoals +, ~, en >) altijd teruggekeerd waar.

Filter wordt gebruikt door andere interne jQuery-functies. Daarom zijn hier ook alle regels van toepassing die hier van toepassing zijn.

Sommige ontwikkelaars gebruiken is ('. class') om te bepalen of een element een specifieke klasse heeft. Vergeet niet dat jQuery al een methode heeft om dit te doen met de naam hasClass ( 'klasse'), die kan worden gebruikt op elementen die meer dan één klassenwaarde bevatten. Maar de waarheid wordt verteld, hasClass () is gewoon een handige verpakking voor de is () methode.

U kunt jQuery meer dan één selectoruitdrukking doorgeven

U kunt de eerste parameter van de jQuery-functie verschillende uitdrukkingen geven, gescheiden door een komma: $ ('uitdrukking, uitdrukking, uitdrukking'). Met andere woorden, u bent niet beperkt tot het selecteren van elementen met slechts één uitdrukking. In het onderstaande voorbeeld geef ik bijvoorbeeld de jQuery-functie drie uitdrukkingen door, gescheiden door een komma.

    
jQuery 
 
is de 
 
 
het beste!
 
    

Elk van deze expressies selecteert DOM-elementen die allemaal aan de set wrapper zijn toegevoegd. We kunnen dan op deze elementen werken met behulp van jQuery-methoden. Houd er rekening mee dat alle geselecteerde elementen in dezelfde set worden geplaatst. Een inefficiënte manier om dit te doen, is de jQuery-functie drie keer op te roepen, eenmaal voor elke expressie.

Wrapper-set .lengte controleren om selectie te bepalen

Het is mogelijk om te bepalen of je expressie iets heeft geselecteerd door na te gaan of de set wrapper een lengte heeft. U kunt dit doen met behulp van de array-eigenschap lengte. Als het lengte eigenschap retourneert geen 0, dan weet u dat ten minste één element overeenkomt met de expressie die u hebt doorgegeven aan de functie jQuery. In de onderstaande code controleren we bijvoorbeeld de pagina voor een element met een ID kaart van "niet." Raad eens? Het is er niet!

Opmerkingen: Als dit niet voor de hand ligt, kan de eigenschap length ook het aantal elementen in de set wrapper rapporteren - op een andere manier aangegeven, hoeveel elementen zijn geselecteerd door de expressie die is doorgegeven aan de functie jQuery.

Aangepaste filters maken voor het selecteren van elementen

De mogelijkheden van de jQuery-selectorengine kunnen worden uitgebreid door uw eigen aangepaste filters te maken. In theorie, alles wat je hier doet is voortbouwen op de aangepaste selectors die al deel uitmaken van jQuery. Stel dat we bijvoorbeeld alle elementen op een webpagina willen selecteren die absoluut zijn gepositioneerd. Aangezien jQuery nog geen aangepaste versie heeft : positionAbsolute filter, we kunnen onze eigen maken.

    
absoluut
 absoluut 
statisch
 
absoluut
 
statisch
 absoluut    

Het belangrijkste om hier te begrijpen is dat je niet beperkt bent tot de standaard selectors geleverd door jQuery. U kunt uw eigen maken. Voordat u echter de tijd besteedt aan het maken van uw eigen versie van een selector, kunt u het eenvoudigweg proberen filter() methode met een specifieke filterfunctie. Ik had bijvoorbeeld kunnen voorkomen dat ik de : positionAbsolute selector door simpelweg de

 // Verwijderen 
 elementen uit de wrapper // sets die niet absoluut gepositioneerd zijn $ ('div'). filter (function () return $ (this) .css ('position') === 'absolute';); // or // Verwijder alle elementen uit de wrapper // stel dat niet absoluut gepositioneerd is $ ('*'). filter (function () return $ (this) .css ('position') === 'absolute' ;);

    
 
1
 
2
 
3
 
4
 
5
 
 
 
6
 
7
 
8
 
9
 
10
 
    

    
 
1
 
2
 
3
 
4
 
5
 
 
 
1
 
2
 
3
 
4
 
5
 
    

    
jQuery
    

    jQuery.com jQuery.com 1 jQuery.com    

 // Selecteer de laatste 
 in de // wrapperset die de tekst "jQuery" $ bevat ('div: last: contains ("jQuery")') // Schakel alle selectievakjes in die zowel zichtbaar als geselecteerd zijn $ (': checkbox: visible: checked ')

    
javascript
 
jQuery
 
javascript
 
jQuery
 
javascript
 
jQuery