Jquery selektorlar,hodisalar. Jquery ui


Download 129.49 Kb.
Pdf ko'rish
bet5/9
Sana18.06.2023
Hajmi129.49 Kb.
#1578721
1   2   3   4   5   6   7   8   9
Bog'liq
web-3


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.
let onReady = function () {
jQuery('button').on('click',
function() {});
}
jQuery(onReady);
Buning uchun kodimizni boshqacha yozishimiz kerak. Elementni tanlab, on() usulini chaqiramiz.
Birinchi argument sifatida click so’zini yuboramiz. Ikkinchi argument sifatida esa anonim
funksiya yuboramiz.
onReady funksiyamizni alohida o’zgaruvchanda saqlab, keyin jQuery funksiyasiga yuborgan edik.
Aslida boshqa o’zgaruvchanda saqlamasdan, birdaniga yuborish qulayroq. Lekin boshlovchi
dasturchilarni bu chalg’itishi mumkin. Bir narsani eslab qoling: anonim funksiyalarni
o’zgaruvchanda saqlamay, birdaniga biror usulga argument sifatida yuborishimiz mumkin.


Ushbu kodimiz: button’da, click hodisasi ro’y berganda, manabu funksiyani chaqir demoqda.
Click hodisasi deganda, sichqonchaning chap tugmasi bosilgan payt nazarda tutiladi.
Hozir sichqonchamizni, ushbu tugmacha ustida bossak – hech narsa ro’y bermadi. Chunki
yuborayotgan funksiyamizda hech nima yozilmagan.
jQuery('button').on('click',

Download 129.49 Kb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6   7   8   9




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling