Konvertering mellan jQuery och DOM-objekt

Lilla avskum · Publicerad på 2016-01-04 16:44:58

Vad är ett jQuery-objekt?

--- är objektet som genereras genom att wrappa DOM-objektet via jQuery. jQuery-objekt är unika för jQuery och kan använda metoder i jQuery.

Som vad:

$("#test").html() betyder att hämta html-koden inuti elementet med ID-testet som test. html() är metoden i jQuery

Denna kod motsvarar implementering av kod i DOM:

document.getElementById("id").innerHTML;

Även om jQuery-objekt genereras genom att wrappa DOM-objekt, kan jQuery inte använda några metoder av DOM-objekt, och DOM-objekt kan inte heller använda metoder i jQuery. Slumpmässig användning leder till ett fel. Till exempel: $("#test").innerHTML, document.getElementById("id").html() är alla fel.

En annan sak att notera är att använda #id som selektor är ett jQuery-objekt och ett DOM-objekt som erhålls av document.getElementById("id"), vilka inte är ekvivalenta. Se följande för konverteringen mellan de två.

Eftersom jQuery är olika men också relaterat, kan jQuery-objekt och DOM-objekt också konverteras till varandra. Innan vi konverterar de två ger vi först en konvention: om en är ett jQuery-objekt, lägger vi till $ framför variabeln, till exempel: var $variab = jQuery-objekt; Om du får ett DOM-objekt är det samma som normalt: var variab = DOM-objekt; Ett sådant avtal är endast för bekvämligheten av förklaring och åtskillnad, och är inte fastställt i faktisk användning.

jQuery-objekt till DOM-objekt:

Det finns två konverteringsmetoder för att konvertera ett jQuery-objekt till ett DOM-objekt: [index] och .get(index);

(1) jQuery-objektet är ett dataobjekt som kan erhållas genom att använda [index]-metoden.

Till exempel: var $v =$("#v"); jQuery-objektet

var v=$v[0]; DOM-objekt

alert(v.checked) // Upptäcker om denna kryssruta är ikryssad

(2) jQuery tillhandahåller själv motsvarande DOM-objekt via .get(index)-metoden

Till exempel: var $v=$("#v"); jQuery-objektet

var v=$v.get(0); DOM-objekt

alert(v.checked) // Upptäcker om denna kryssruta är ikryssad

DOM-objekt till jQuery-objekt:

För DOM-objekt behöver du bara omsluta DOM-objektet med $() för att få ett jQuery-objekt. $(DOM-objekt)

Till exempel: var v=document.getElementById("v"); DOM-objekt

var $v=$(v); jQuery-objektet

Efter konverteringen kan du använda jQuerys metoder som du vill.

Genom att använda ovanstående metoder kan du godtyckligt konvertera jQuery-objekt och DOM-objekt till varandra. Det bör betonas att DOM-objekt endast kan använda metoder i DOM, och jQuery-objekt kan inte använda metoder i DOM.

[JavaScript] Konvertering mellan jQuery och DOM-objekt

Relaterade inlägg

Avsnitt som ses