jQuery sintaksisi
jQuery yordamida HTML elementlarni tanlaysiz (query) va ular ustida "amallar" bajarasiz.
jQuery sintaksisi
jQuery sintaksisi HTML elementlarni tanlash va element(lar) ustida biror amal bajarish uchun maxsus yaratilgan.
Asosiy sintaksis: $(selector).action()
- $ belgisi — jQuery’ni aniqlash/unga murojaat qilish uchun
- (selector) — HTML elementlarni "so‘rash (yoki topish)" uchun
- jQuery action() — element(lar) ustida bajariladigan amal
Misollar:
$(this).hide() - joriy elementni yashiradi.
$("p").hide() - barcha <p> elementlarini yashiradi.
$(".test").hide() - class="test" bo‘lgan barcha elementlarni yashiradi.
$("#test").hide() - id="test" bo‘lgan elementni yashiradi.
CSS selektorlari bilan tanishmisiz?
jQuery elementlarni tanlash uchun CSS sintaksisidan foydalanadi. Selektorlar sintaksisi haqida ushbu darslikning keyingi bobida batafsil bilib olasiz.
Maslahat: Agar CSS’ni bilmasangiz, CSS darsligimizni o‘qib chiqishingiz mumkin.
Document ready hodisasi
Misollarimizdagi barcha jQuery metodlari document ready hodisasi ichida joylashganini payqagan bo‘lsangiz kerak:
$(document).ready(function(){
// jQuery metodlari shu yerga yoziladi...
});
Bu hujjat yuklanib bo‘lmaguncha (tayyor bo‘lmaguncha) har qanday jQuery kodi ishga tushib ketishining oldini olish uchun kerak.
Hujjat bilan ishlashdan oldin uning to‘liq yuklanib, tayyor bo‘lishini kutish yaxshi amaliyot hisoblanadi. Bu, shuningdek, JavaScript kodingizni hujjatning body qismidan oldin, head bo‘limida joylashtirish imkonini beradi.
Metodlar hujjat to‘liq yuklanishidan oldin ishga tushirilsa, muvaffaqiyatsiz tugashi mumkin bo‘lgan amallarga ba’zi misollar:
- Hali yaratilmagan elementni yashirishga urinish
- Hali yuklanmagan rasmning o‘lchamini olishga urinish
Maslahat: jQuery jamoasi document ready hodisasi uchun yanada qisqaroq metod ham yaratgan:
$(function(){
// jQuery metodlari shu yerga yoziladi...
});
O‘zingizga ma’qul sintaksisdan foydalaning. Bizningcha, kodni o‘qiyotganda document ready hodisasini tushunish osonroq.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!