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.