Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti qarshi

O’ZBEKISTON RESPUBLIKASI AXBOROT TEXNOLOGIYALARI VA
KOMMUNIKATSIYALARINI RIVOJLANTIRISH VAZIRLIGI
MUHAMMAD AL-XORAZMIY NOMIDAGI TOSHKENT AXBOROT
TEXNOLOGIYALARI UNIVERSITETI QARSHI
FILIALI

TELEKOMUNIKATSIYA TEXNALOGIYALAR
KASBIY TA’LIM FAKULTETI II BOSQICH AX 12-20 GURUH
TALABASINING WEB DASTURLASH FANIDAN
5- LABORATORIYA ISH
Bajardi: Allaberdiyev B
Qabul qildi: Xalilov A


Qarshi 2022

Mavzu: JQuery selektorlar, hodisalar. JQUERY UI. Angular JS da animasiyalar. Angular JS da forma elementlari bilan ishlash.
Ishdan maqsad: JQuery kutubxonasi haqida tushunchaga ega bo’lish. Selektor va hodisalarni o’rganish.
Nazariy qism
JQuery Selektorlar jQuery selektorlar HTML element (lar) ni tanlash va boshqarish imkonini beradi. jQuery selektorlari HTML elementlarini ularning nomi, identifikatori, sinflari, turlari, atributlari, atributlar qiymatlari va boshqa narsalarga asoslangan holda "topish" (yoki tanlash) uchun ishlatiladi. Bu mavjud CSS tanlovchilariga asoslangan va qo'shimcha ravishda ba'zi bir maxsus selektorilarga ega. JQuerydagi barcha selektorlar dollar belgisi va qavslardan boshlanadi: $ ().
Element Selektor
JQuery elementini selektor element nomiga qarab elementlarni tanlaydi. Siz sahifadagi barcha
elementlarini quyidagicha tanlashingiz mumkin:
$ ("p")
Misol
Agar foydalanuvchi tugmachani bosganda, barcha
elementlari yashirinadi:
Misol

JQuery id selektori ma'lum elementni topish uchun HTML tegining id atributidan foydalanadi. Id sahifada noyob bo'lishi kerak, shuning uchun bitta, noyob element topmoqchi bo'lganingizda id selektoridan foydalanishingiz kerak.
Muayyan identifikatorga ega elementni topish uchun xash belgisini, so'ngra HTML elementining idini yozing:

Misol
$(document).ready(function(){
JQuery .class selektori ma'lum bir sinfga ega elementlarni topadi. Muayyan sinfga ega elementlarni topish uchun nuqta belgisini yozing, so'ngra sinf nomi:

$ (". test")	Misol
Foydalanuvchi tugmachani bosganda class = "test" elementlari yashirinadi: Misol
$(document).ready(function(){ $("button").click(function(){ $(".test").hide(); }); });