Cos'è un oggetto jQuery?
--- è l'oggetto generato avvolgendo l'oggetto DOM tramite jQuery. Gli oggetti jQuery sono unici per jQuery e possono utilizzare metodi in jQuery.
Come cosa:
$("#test").html() significa ottenere il codice html all'interno dell'elemento con il test ID come test. html() è il metodo in jQuery
Questo codice è equivalente all'implementazione del codice nel DOM:
document.getElementById("id").innerHTML;
Sebbene gli oggetti jQuery siano generati avvolgendo oggetti DOM, jQuery non può utilizzare alcun metodo degli oggetti DOM, né gli oggetti DOM possono usare metodi in jQuery. L'uso casuale comporterà un errore. Ad esempio: $("#test").innerHTML, document.getElementById("id").html() sono tutti sbagliati.
Un'altra cosa da notare è che usare #id come selettore è un oggetto jQuery e un oggetto DOM ottenuti da document.getElementById("id"), che non sono equivalenti. Vedi quanto segue per la conversione tra i due.
Poiché jQuery è diverso ma anche correlato, gli oggetti jQuery e gli oggetti DOM possono essere convertiti tra loro. Prima di convertire i due, diamo prima una convenzione: se si è un oggetto jQuery, allora si aggiunge $ davanti alla variabile, come: var $variab = oggetto jQuery; Se ottieni un oggetto DOM, è lo stesso del normale: var variab = oggetto DOM; Tale accordo è solo per comodità di spiegazione e distinzione, e non è previsto nell'uso effettivo.
jQuery object a oggetto DOM:
Esistono due metodi di conversione per convertire un oggetto jQuery in un oggetto DOM: [index] e .get(index);
(1) L'oggetto jQuery è un oggetto dati, che può essere ottenuto utilizzando il metodo [index].
Ad esempio: var $v =$("#v"); jQuery oggetto
var v=$v[0]; Oggetto DOM
alert(v.checked) // Rileva se questa casella è selezionata
(2) jQuery stesso fornisce l'oggetto DOM corrispondente tramite il metodo .get(index)
Ad esempio: var $v=$("#v"); jQuery oggetto
var v=$v.get(0); Oggetto DOM
alert(v.checked) // Rileva se questa casella è selezionata
Oggetto DOM su oggetto jQuery:
Per gli oggetti DOM, basta avvolgere l'oggetto DOM con $() per ottenere un oggetto jQuery. $(oggetto DOM)
Ad esempio: var v=document.getElementById("v"); Oggetto DOM
var $v=$(v); jQuery oggetto
Dopo la conversione, puoi usare i metodi di jQuery come preferisci.
Utilizzando i metodi sopra indicati, puoi convertire arbitrariamente oggetti jQuery e oggetti DOM tra loro. Va sottolineato che gli oggetti DOM possono usare solo metodi nel DOM, e gli oggetti jQuery non possono usare metodi nel DOM. |
Pubblicato su 04/01/2016 16:44:58
|
|
|
