Satura rādītājs
Kopš jQuery versijas 1.7 mums ir metode on (), kas mums piedāvā visas nepieciešamās funkcijas, lai pārvaldītu notikumus. Pateicoties šai metodei, mums vairs nav nepieciešams vecais bind (), live () vai delegate (), bet mums nav vajadzīgs arī aizmiglojums (), focus (), click (), hover () un citi.
Tāpat kā tur ir ieslēgts (), mums ir pretējs, izslēgts (), kas noņem notikumus, kas piešķirti ar on ().
Mēs redzēsim virkni piemēru, lai labāk izprastu on () metodi.
Pieņemsim, ka, noklikšķinot uz pogas, mēs vēlamies izpildīt kādu funkciju:
(funkcija () {$ ('poga'). noklikšķiniet uz (funkcija () {// izpildāmā kods});}) ();Tas ir tā, it kā mēs to tradicionāli darītu ar klikšķi (). Bet, aplūkojot jQuery kodu, mēs redzēsim, ka patiesībā notiek tas, ka tiek izsaukta metode on (), tāpēc ātrākais ir rīkoties:
(funkcija () {$ ('poga'). on ('klikšķis', funkcija () {// izpildāmā kods});}) ();Šis ir vistiešākais ceļš. Un tas pats attiecas uz citām metodēm, piemēram, change (), hover (), mouseenter () utt. (Faktiski novietojiet kursoru (), ko tas sauc par mouseenter () un mouseleave (), kas savukārt izsauc metodi on ()
Apskatīsim jQuery. Ja lejupielādēsim versiju 1.7 vai jaunāku un apskatīsim tās kodu, mēs redzēsim sekojošo:
jQuery.each (("izplūdis fokuss fokusā fokusēšana ielādēt mainīt izmērus ritināšana izlādēt klikšķis dblclick peles lejupielāde peles peles pārvietošana peles kursors peles kursors peles kursora peles mouseave maiņa izvēlieties iesniegt taustiņa nospiešanas taustiņu nospiešanas kļūdas konteksta izvēlne"). split (""), f function (i, name) {// Rīkoties ar notikumu saistīšanu jQuery.fn [nosaukums] = funkcija (dati, fn) {if (fn == null) {fn = dati; dati = null;} atgriezt argumentus.length -> 0? This.on (nosaukums, null, dati, fn): this.trigger (nosaukums);};No šejienes mēs esam tikai ieinteresēti redzēt, ka metodes “aizmiglot, fokusēt, fokusēt, fokusēt, ielādēt, mainīt izmērus, ritināt, izkraut, noklikšķināt, dblclick, mousedown, peles augšupielāde, peles pārvietošana, peles kursors, peles kursors, peles ievadītājs, mouseave, mainīt, atlasīt, iesniegt, taustiņu nospiešana, taustiņu nospiešana, taustiņu veidošana, kļūda un konteksta izvēlne "beigās viss beidzas ar" this.on (nosaukums, null, dati, fn) ".
saistīt (), dzīvot () un deleģēt ()
Agrāk tas tika darīts arī:
(funkcija () {$ ('poga'). bind ('klikšķis', funkcija () {// kods, kas jāizpilda, noklikšķinot uz pogas});}) ();Vai arī, ja mēs vēlētos, lai notikums darbotos pat pēc tam, kad dokumentam būtu pievienoti jauni pogas elementi, mēs izmantotu live () metodi:
(function () {$ ('button'). live ('click', function () {// kods, kas jāizpilda, noklikšķinot uz pogas});}) ();Pēc tam jQuery ieviesa “delegate ()”, kas ļāva mums piešķirt notikumam kontekstu. Piemēram, ja poga atrodas (vai būs, ja tā tiks pievienota vēlāk) div divīzijā ar klasi "konteiners":
(funkcija () {$ ('div.container'). delegate ('poga', 'klikšķis', funkcija () {// kods, kas jāizpilda, noklikšķinot uz pogas});}) ();Bet, tāpat kā iepriekšējos gadījumos, abi saista (), dzīvo () vai deleģē (), viss, ko viņi dara, ir izsaukt ieslēgšanas () metodi.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu
