Wat is een jQuery-object?
--- is het object dat wordt gegenereerd door het DOM-object via jQuery te wrappen. jQuery-objecten zijn uniek voor jQuery en kunnen methoden in jQuery gebruiken.
Zoals wat:
$("#test").html() betekent om de html-code binnen het element te krijgen met de ID-test als test. html() is de methode in jQuery
Deze code is gelijkwaardig aan het implementeren van code in de DOM:
document.getElementById("id").innerHTML;
Hoewel jQuery-objecten worden gegenereerd door DOM-objecten te wrappen, kan jQuery geen enkele methode van DOM-objecten gebruiken, en ook DOM-objecten kunnen ook geen methoden in jQuery gebruiken. Willekeurig gebruik zal tot een fout leiden. Bijvoorbeeld: $("#test").innerHTML, document.getElementById("id").html() zijn allemaal fout.
Een ander punt om op te merken is dat het gebruik van #id als selector een jQuery-object en een DOM-object is dat wordt verkregen door document.getElementById("id"), die niet gelijk zijn. Zie het volgende voor de conversie tussen de twee.
Omdat jQuery verschillend maar ook gerelateerd is, kunnen jQuery-objecten en DOM-objecten ook naar elkaar worden omgezet. Voordat we de twee omzetten, geven we eerst een conventie: als één een jQuery-object is, voegen we $ toe voor de variabele, zoals: var $variab = jQuery-object; Als je een DOM-object krijgt, is het hetzelfde als normaal: var variab = DOM-object; Zo'n overeenkomst is alleen bedoeld voor het gemak van uitleg en onderscheid, en is niet bepaald in het daadwerkelijke gebruik.
jQuery-object naar DOM-object:
Er zijn twee conversiemethoden om een jQuery-object om te zetten in een DOM-object: [index] en .get(index);
(1) Het jQuery-object is een data-object, dat verkregen kan worden door gebruik te maken van de [index]-methode.
Bijvoorbeeld: var $v =$("#v"); jQuery-object
var v=$v[0]; DOM-object
alert(v.checked) // Detecteert of dit selectievakje is aangevinkt
(2) jQuery zelf levert het bijbehorende DOM-object via de .get(index)-methode
Bijvoorbeeld: var $v=$("#v"); jQuery-object
var v=$v.get(0); DOM-object
alert(v.checked) // Detecteert of dit selectievakje is aangevinkt
DOM-object naar jQuery-object:
Voor DOM-objecten hoef je het DOM-object alleen met $() te wrappen om een jQuery-object te krijgen. $(DOM object)
Bijvoorbeeld: var v=document.getElementById("v"); DOM-object
var $v=$(v); jQuery-object
Na de conversie kun je de methoden van jQuery gebruiken zoals je wilt.
Door bovenstaande methoden te gebruiken, kun je jQuery-objecten en DOM-objecten willekeurig naar elkaar omzetten. Het moet worden benadrukt dat DOM-objecten alleen methoden in de DOM kunnen gebruiken, en jQuery-objecten geen methoden in de DOM. |
Geplaatst op 04-01-2016 16:44:58
|
|
|
