See artikkel on masintõlke peegelartikkel, palun klõpsake siia, et hüpata algse artikli juurde.

Vaade: 8933|Vastuse: 0

[JavaScript] Teisendamine jQuery ja DOM objektide vahel

[Kopeeri link]
Postitatud 04.01.2016 16:44:58 | | |

Mis on jQuery objekt?

--- on objekt, mis genereeritakse DOM-objekti mähkimisel jQuery kaudu. jQuery objektid on unikaalsed jQuery jaoks ja saavad kasutada meetodeid jQuery's.

Nagu mida:

$("#test").html() tähendab, et HTML-kood saadakse elemendi sees ID-testi abil. html() on meetod jQuery's

See kood on ekvivalentne koodi rakendamisega DOM-is:

document.getElementById("id").innerHTML;

Kuigi jQuery objektid genereeritakse DOM-objektide pakkimise teel, ei saa jQuery kasutada ühtegi DOM-objekti meetodit ega DOM-objektid kasutada meetodeid jQuery-s. Juhuslik kasutus põhjustab vea. Näiteks: $("#test").innerHTML, document.getElementById("id").html() on kõik valed.

Veel üks tähelepanek on see, et #id kasutamine valijana on jQuery objekt ja DOM objekt, mis saadakse document.getElementById("id") abil, mis ei ole ekvivalentsed. Vaata järgmist nende kahe vahelisi konversioone.

Kuna jQuery on erinev, kuid ka seotud, saab jQuery objekte ja DOM-objekte samuti omavahel teisendada. Enne nende kahe teisendamist anname esmalt konventsiooni: kui üks on jQuery objekt, siis lisame muutuja ette $, näiteks: var $variab = jQuery objekt; Kui saad DOM-objekti, on see sama mis tavaliselt: var variab = DOM objekt; Selline kokkulepe on mõeldud ainult selgituse ja eristamise mugavuseks ning seda ei ole tegelikus kasutuses ette nähtud.



jQuery objekt DOM-objektile:

JQuery objekti DOM-objektiks teisendamiseks on kaks teisendusmeetodit: [index] ja .get(index);

(1) jQuery objekt on andmeobjekt, mida saab saada [index] meetodi abil.

Näiteks: var $v =$("#v"); jQuery objekt

var v=$v[0];    DOM objekt

alert(v.checked) // Tuvastab, kui see linnuke on märgitud

(2) jQuery ise pakub vastavat DOM-objekti meetodi .get(index) kaudu

Näiteks: var $v=$("#v");  jQuery objekt

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

alert(v.checked) // Tuvastab, kui see linnuke on märgitud




DOM objekt jQuery objektile:

DOM-objektide puhul piisab DOM-objekti pakkimisest $() sisse, et saada jQuery objekt. $(DOM objekt)

Näiteks: var v=document.getElementById("v");  DOM objekt

var $v=$(v);    jQuery objekt

Pärast konverteerimist võid kasutada jQuery meetodeid vastavalt soovile.

Ülaltoodud meetodite abil saab suvaliselt jQuery objekte ja DOM-objekte omavahel teisendada. Tuleb rõhutada, et DOM-objektid saavad kasutada ainult DOM-i meetodeid ja jQuery objektid ei saa kasutada DOM-i meetodeid.




Eelmine:C# täidab e-kirjade saatmise funktsiooni
Järgmine:Klõpsa nupul, et avada 60-sekundiline js loenduskood
Disclaimer:
Kõik Code Farmer Networki poolt avaldatud tarkvara, programmeerimismaterjalid või artiklid on mõeldud ainult õppimiseks ja uurimistööks; Ülaltoodud sisu ei tohi kasutada ärilistel ega ebaseaduslikel eesmärkidel, vastasel juhul kannavad kasutajad kõik tagajärjed. Selle saidi info pärineb internetist ning autoriõiguste vaidlused ei ole selle saidiga seotud. Ülaltoodud sisu tuleb oma arvutist täielikult kustutada 24 tunni jooksul pärast allalaadimist. Kui sulle programm meeldib, palun toeta originaaltarkvara, osta registreerimist ja saa paremaid ehtsaid teenuseid. Kui esineb rikkumist, palun võtke meiega ühendust e-posti teel.

Mail To:help@itsvse.com