|
O‘zbekiston respublikasi axborot texnologiyalari va kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti qarshi filiali
|
bet | 4/8 | Sana | 05.01.2024 | Hajmi | 23,78 Kb. | | #130921 |
Bog'liq 3-amaliy ish Mavzu jquery selektorlar,hodisalar. Jquery ui-fayllar.org
Keling anonim funksiya yaratamiz. Konsolda hozircha hech narsa paydo bo’lmaydi, chunki ushbu funksiyamizni chaqirmadik. Chaqirmaymiz ham.
Chunki dastur yuqoridan pastga qarab o’qilishini bilamiz. Ushbu qatorda button [battn] elementimizni tanlamoqchi bo’lsak, JavaScript bunaqa element yo’qligini ko’rsatadi. Chunki ushbu elementimiz pasroqda paydo bo’layapti va brauzer hali uni o’qib, o’z hotirasiga olgani yo’q.
jQuery(onReady);
Agar ushbu anonim funksiyamizni, jQuery funskiyasiga argument sifatida yuborsak, jQuery ushbu funksiyani birdaniga chaqirmaydi. Brauzer yuqoridan pastga qarab, butun html kodlarni ko’rib chiqqach – bajaradi. Shuning uchun ham o’zgaruvchan nomini onReady deb nomladim, ya’ni “tayyor bo’lganda”, – degan ma’noda.
E’tibor bering, funksiyani chaqirmadim, lekin u baribir ishladi. Chunki, brauzer barcha elementlarni ko’rib bo’lganida, jQueryning o’zi funksiyamizni chaqirdi.
Buni isbotlash uchun body tegining ohirida ushbu matnni konsolga chiqaraman.
Ko’rib turganingiz dek avval ushbu matn ko’rindi, keyin esa, ya’ni brauzer butun html’ni ko’rib chiqqach, bizning onReady funksiyamiz ishladi.
Tugmachamizni topib olish qiyin emas, jQuery funksiyasiga argument sifatida funksiya yuborsak, brauzer tayyor bo’lganda, u ushbu funksiyani chaqiradi dedik. Agar jQuery funksiyasiga string turiga mansub qiymat yuborsak, jQuery uni selector deb tushunadi va kerakli elementni topib oladi. Bu yerda selector tushunchasi, huddi CSS dagi bilan bir.
Shuning uchun ham button deb yozsak – jQuery elementimizni topib beradi.
Aslida u mahsus obyekt qaytaradi. Bu obyektning juda foydali usullari bor. Misol uchun css() usuli – biror css xususiyatini o’zgartirish uchun hizmat qiladi. Birinchi argument sifatida css xususiyati nomi, ikkinchi argument sifatida esa, uning qiymatini ko’rsatish kerak. Ko’rib turganingizdek tugmacha foni qizil rangga o’zgardi.
JavaScript tilida ko’proq hodisaviy dasturlash ishlatiladi. Hodisaviy deganda, biror voqea, hodisa ro’y berganda – ishlaydigan funksiyar yaratishimiz nazarda tutiladi. Misol uchun onReady degan funksiya yaratdik, u faqatgina brauzer tayyor bo’lganda chaqirilsin dedik.
Keling, ushbu fon o’zgarishi ham birdaniga emas, tugmacha ustiga bosilganda ro’y bersin.
|
|
Bosh sahifa
Aloqalar
Bosh sahifa
O‘zbekiston respublikasi axborot texnologiyalari va kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti qarshi filiali
|