Nell'esempio precedente, è anche possibile prendere il Questo fare riferimento e passarlo alla funzione jQuery in modo che l'elemento DOM sia incluso nella funzionalità jQuery.

Quindi, invece di questo:

 // Accesso all'attributo ID dell'elemento DOM. alert (this.id);

Avremmo potuto farlo:

 // Avvolge l'elemento DOM con un oggetto jQuery, // e quindi usa attr () per accedere al valore dell'ID. alert ($ (this) .attr ( 'id'));

Questo è possibile perché la funzione jQuery non prende solo le espressioni del selettore, ma prenderà anche riferimenti agli elementi DOM. Nel codice, Questo è un riferimento a un elemento DOM.

La ragione per cui potresti voler includere la funzionalità jQuery attorno a un elemento DOM dovrebbe essere ovvia. Ciò ti dà la possibilità di usare il concatenamento jQuery, nel caso tu ne abbia bisogno.

L'iterazione su un insieme di elementi contenuti nel set di wrapper jQuery è in qualche modo simile al concetto appena discusso. Usando il jQuery ogni() metodo, possiamo scorrere su ogni elemento DOM contenuto in un set di wrapper. Ciò consente l'accesso a ciascun elemento DOM individualmente, tramite l'utilizzo di Questo parola chiave.

Estrarre elementi da un set wrapper, utilizzarli direttamente senza jQuery

Come dimostrato, jQuery fornisce il pratico ottenere() metodo per accedere agli elementi DOM ad un indice specifico nel set di wrapper.

Ma c'è un'altra opzione qui. Puoi evitare di usare il ottenere() metodo semplicemente usando la notazione degli array parentesi quadre sull'oggetto jQuery stesso. Nel contesto del nostro esempio di codice precedente:

Questo codice:

 $ ('a'). get (0) .title = 'jQuery.com';

Potrebbe diventare questo:

 $ ('a') [0] .title = 'jQuery.com';

Entrambi consentono l'accesso all'elemento DOM reale. Personalmente, preferisco la notazione a parentesi quadre. È più veloce perché usa JavaScript nativo per recuperare l'elemento da una matrice, invece di passarlo a un metodo.

comunque, il ottenere() Il metodo fornisce una soluzione intelligente per collocare tutti gli elementi DOM in un array nativo. Semplicemente chiamando il ottenere() metodo senza passare un parametro indice, il metodo restituirà tutti gli elementi DOM nel set di wrapper in un array JavaScript nativo.

    jQuery.com jQuery.com jQuery.com    

Gli appunti: utilizzando ottenere() finirà il concatenamento di jQuery. Prenderà il wrapper set e lo cambierà in una semplice serie di elementi DOM che non sono più racchiusi nella funzionalità jQuery. Pertanto, utilizzando il .fine() il metodo non può ripristinare il concatenamento dopo .ottenere().

Verifica se il set di wrapper è vuoto

Prima di iniziare a operare su un set di wrapper, è logico verificare di aver selezionato qualcosa. La soluzione più semplice è usare un Se dichiarazione per verificare se il set di wrapper contiene elementi DOM.

La verità della questione è sopra Se le istruzioni non sono del tutto necessarie, perché jQuery fallirà silenziosamente se non vengono trovati elementi. Tuttavia, ogni metodo incatenato a qualsiasi set di wrapper vuoto viene ancora richiamato. Quindi, mentre potremmo effettivamente rinunciare all'uso del Se dichiarazioni, è probabile che sia una buona regola per usarle. Il richiamo di metodi su un set di wrapper vuoto potrebbe potenzialmente causare un'elaborazione non necessaria, nonché risultati indesiderati se i metodi restituiscono valori diversi dal set di wrapper e tali valori vengono applicati su.

Creare un alias rinominando l'oggetto jQuery stesso

jQuery fornisce il noConflict () metodo che ha diversi usi, vale a dire la capacità di sostituire $ con un altro alias. Questo può essere utile in tre modi: può rinunciare all'uso del $ accedere a un'altra libreria, evitare conflitti potenziali e fornire la possibilità di personalizzare lo spazio dei nomi / alias per l'oggetto jQuery.

Ad esempio, diciamo che stai creando un'applicazione Web per la società XYZ. Potrebbe essere bello personalizzare jQuery in modo che invece di dover usare jQuery ( 'div'). show () o $ ( 'Div'). Show () potresti usare XYZ ( 'div'). Show () anziché.

    
Syncfusion., Inc.
    

Gli appunti:Passando il noConflict () funzione un valore booleano di true, è possibile annullare completamente ciò che jQuery ha introdotto nella pagina Web. Questo dovrebbe essere usato solo in casi estremi perché, molto probabilmente, causerà problemi con i plugin jQuery.

Uso di .each () quando l'iterazione implicita non è sufficiente

Speriamo sia ovvio che se hai una pagina HTML (esempio sotto) con tre vuote