3-amaliy ish Mavzu: jquery selektorlar,hodisalar. Jquery ui

JQUERY
<script sre="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous">script>
Elementlarimiz bilan ishlash uchun avval jQuery ni ulab olamiz. Buning uchun ushbu kodni head teglari orasiga qo’yaman. Mana shunday oson yo’l bilan jQuery ni ulab oldik, endi uni be’malol ishlatsak bo’ladi.
Ushbu kodni olsih uchun code.jquery.com saytiga kirasiz. Bu yerda ushbu kutubxonaning bir necha versiyalari ko’rsatilgan. Ohirgi versiyasini tanlaysiz, xozircha bu jQuery 3. Keyin minified yozuvi ustiga bosing. Paydo bo’lgan kodni html faylingizga joylashingiz mumkin.
Minified bu minimallashgan degani. Ya’ni odam dastur yozayotganda probel, tab belgilar, izohlar qoldiradi. Minimallashgan versiya esa ulardan holi. Chunki brauzer uchun sizning izohlaringiz befoyda. Har bir belgi esa – ortiqcha bayt degani. Demak ishlashi bir bo’lgani bilan, minimallashgan versiyalar bir necha barobar kamroq hajmga ega. Shuning uchun ham brauzer, bu faylni tezroq yuklay oladi va dasturingiz tezroq ochiladi.
jQuery kutubxonasining o’zi ham JavaScript tilida yozilgan, shuning uchun ham e’tibor bering: script tegi ishlatilmoqda. Faqat yozilgan kodlar boshqa serverda turganligi uchun, src atributida – o’sha JavaScript fayliga yo’l ko’rsatilgan.
jQuery ulandi. Endi keling o’zimiz ham kod yozib ko’ramiz.



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.