jQuery Succinct Selectarea jQuery

 // Elimina 
 elemente din wrap // set care nu sunt absolut pozitionate $ ('div'). (functie () return $ (this) .css ('position') === 'absolut';); // sau // Eliminați toate elementele din wrapper // set care nu sunt absolut poziționate $ ('*'). filtru (funcția () return $ (this) .css ('position') === ' ;);

Note: Pentru informații suplimentare despre crearea propriilor selectori, vă recomandăm următoarele: http://www.bennadel.com/blog/1457-How-To-Build-A-Custom-jQuery-Selector.htm

Diferențele dintre filtrarea prin ordine numerică vs. relații DOM

jQuery oferă filtre pentru filtrarea unui set de wrapper de către contextul numeric al unui element din cadrul setului.

Aceste filtre sunt:

• :primul
• :ultimul
• :chiar
• :ciudat
• : Eq (index)
• : Gt (index)
• : Lt (index)

Note: Filtrele care filtrează setul de wrapper fac acest lucru prin filtrarea elementelor din set la un punct de pornire de 0 sau index de 0. De exemplu : Eq (0) și :primul accesați primul element din set - $ ( 'Div: eq (0)') - care este la un index 0. Acest lucru este în contrast cu : Nth-copil filtru care este unul indexat. Înseamnă, de exemplu, : Nth-copil (1) va întoarce primul element copil, dar încearcă să îl folosească : Nth-copil (0) nu va funcționa. Utilizarea : Nth-copil (0) va selecta întotdeauna nimic.

Utilizarea :primul va selecta primul element din set în timp ce :ultimul va selecta ultimul element din set. Amintiți-vă că filtrează setul pe baza relației (ierarhia numerică pornind de la 0) în set, dar nu și a relațiilor elementelor în contextul DOM. Având în vedere aceste cunoștințe, ar trebui să fie evident de ce filtrele :primul, :ultimul, și : Eq (index) va întoarce întotdeauna un singur element.

Dacă nu este evident, permiteți-mi să explic mai departe. Motivul pentru care :primul se poate întoarce doar un singur element deoarece este posibil să existe un singur element dintr-un set care este considerat primul atunci când există doar un singur set. Acest lucru ar trebui să fie destul de logic. Examinați codul de mai jos pentru a vedea acest concept în acțiune.

    
 
1
 
2
 
3
 
4
 
5
 
 
 
6
 
7
 
8
 
9
 
10
 
    

Cu o înțelegere clară a manipulării setului în sine, putem crește înțelegerea noastră cu privire la selectarea elementelor utilizând filtrele care selectează elemente care au relații unice cu alte elemente din DOM real. jQuery oferă mai mulți selectori pentru a face acest lucru. Unele dintre aceste selectori sunt personalizate, în timp ce unele sunt expresii CSS bine cunoscute pentru selectarea elementelor DOM.

• descendent al strămoșilor
• mamă> copil
• prev + următoarea
• previziuni
• : Nth-child (Selector)
• :primul copil
• :ultimul copil
• :singurul copil
• :gol
• : Are (selector)
• :mamă

Folosirea acestor filtre de selecție va selecta elemente bazate pe relația lor în cadrul DOM-ului în ceea ce privește alte elemente din DOM. Pentru a demonstra acest concept, să ne uităm la un cod.

    
 
1
 
2
 
3
 
4
 
5
 
 
 
1
 
2
 
3
 
4
 
5
 
    

Dacă sunteți surprins de faptul că $ ( 'Li: nth-copil (nui adevărat)'). Text () returnează valoarea 135135, nu sunteți încă filtre de relații grokking. Declaratia, $ ( 'Li: nth-copil (nui adevărat)') spus verbal ar fi "a găsi toate

    
jQuery
    

    jQuery.com jQuery.com 1 jQuery.com    

 // Selectați ultima 
 care conține textul "jQuery" $ ('div: last: conține ("jQuery")') // Obțineți toate căsuțele care sunt vizibile și selectate $ (': caseta de validare: „)

    
JavaScript
 
jQuery
 
JavaScript
 
jQuery
 
JavaScript
 
jQuery