Articoli di confronto del selettore jQuery

Question

Sto esaminando una serie di funzioni jQuery che hanno varie implementazioni per la selezione dell'id. Voglio provare a standardizzare un approccio basato sulle migliori pratiche, ma prima di farlo voglio assicurarmi di scegliere il più efficiente.

Qualcuno ha collegamenti a buoni articoli (come questo ) che fa confronti tra diversi tipi di selezioni in jQuery?

In particolare, sto cercando confronti come $ (" # id ") , $ (" #id [type = form_input_type] ") , < codice> $ (" #id .class ") e così via.

In realtà, per essere ancora più specifici, la mia prima priorità è il confronto:

$('input[id$="mySelectionID"]')

contro

$('input:checkbox')

Entrambi restituiranno la stessa serie di caselle di controllo. La mia sensazione è che il secondo sia più veloce, ma devo esserne sicuro.

Answer 1

Nei tuoi esempi usi il selettore ID:

$("#id"), $("#id[type=form_input_type]"), $("#id .class")

Un ID elemento deve essere univoco, se si utilizza il selettore ID , non si ' Non è necessario specificarlo più, poiché corrisponde a un singolo elemento con l'attributo id specificato.

Controlla questo articolo sulle prestazioni del selettore jQuery:

• jQuery: analisi delle prestazioni dei selettori

Answer 2

Slickspeed fornisce vari dati prestazionali per i selettori in più librerie js.

Questo test confronta solo varie versioni di jQuery.

Mr Resig ha un post interessante qui relativo ai selettori.

Answer 3

Bene, per selezionare gli ID, $ (" # id ") sarà sempre il più efficiente, perché chiama document.getElementById () direttamente senza extra metodo chiama. Qualsiasi altra cosa richiederà più lavoro da parte di jQuery (come la selezione della classe).