JQuery lessons

fade ning tezligi ‘slow’ , ‘fast’ , millisecundlar bilan foydalaniladi.

jQuery slide

IT School 2021

• slideDown() – elementlarni pastga surish
• slideUp() – elementlarni yuqoriga surish
• slideToggle() – elementlarni yuqoriga / pastga surish

*Eslatma:

slide ning tezligi ‘slow’ , ‘fast’ , millisecundlar bilan foydalaniladi.

jQuery animation

IT School 2021

• animate() – maxsus animation effectlar uchun ishlatiladi va css stillari camelCase shaklida yozilishi shart – backgroundColor,fontSize va h.z
• fontSize – qiymatini ‘show’ , ‘hide’ yoki ‘toggle’ sifatida ko’rsatish mumkin

Namuna:

$(‘div’).animate({height:’toggle’},1000);

*Eslatma:

animate() – ishlashi uchun position : relative , fixed , absolute

jQuery stop

IT School 2021

• jQuery stop() – animatsiyalarni yoki effectlarni to’xtatish uchun ishlatiladi
• callback – joriy effect tugaganidan kn bajariladigan function
• chaining – harakatlar / usullarni zanjir usulida foydalanish mn

$(‘button’).click(function(){

$(‘p’).stop(function(){

alert(‘Effect stopped’);

})

});

$(‘div’).slideUp(2000).slideDown(2000);

jQuery HTML

IT School 2021

• text() – elementlarning matn qiymatini belgilaydi yoki oladi
• Html() – elementlarning tarkibini (HTML formatini) belgilaydi yoki oladi
• val() – form elementi qiymatini belgilaydi yoki oladi
• attr(attributeName) – elementning attribute qiymatini olish uchun ishlatiladi

Namuna:

$(‘img’).attr(‘src’)

jQuery Matn va attribute

Matn va attribute qiymatini yangilash

IT School 2021

• text(‘text’) – elementlarga yangi matn kiritadi
• Html(‘htmlCode’) – elementning HTML tarkibini yangilaydi
• val(‘ new value’) – form elementi qiymatini yangilaydi
• attr(attributeName,new value) – element attributlarining qiymatini yangilaydi

$(‘#contact-link’).attr({

‘href’:’https://kun.uz’,

‘title’:’kun’

});

jQuery CSS

IT School 2021

• addClass() – elementlarga bir yoki bir nechta classlar qo’shish
• removeClass() – elementlardan bir yoki bir nechta classlarni o’chirish
• toggleClass() – elementlarga class qo’shish / o’chirish amalga oshadi
• css() – style xususiyatini o’zgartiradi
• css() – usuli orqali elementlar uchun bir yoki bir nechta uslublar xususiyatini kiritadi

Namuna:

$(‘p’).css(“backgroundColor”);

Ko’p CSS xususiyatlarini qo’llash uchun quyidagicha qo’llaniladi

$(‘p’).css({“backgroundColor”:”yellow”,”font-size”:”45px”})

jQuery Element Qo’shish

IT School 2021

• append() – elementning oxiriga HTML content qo’shish
• prepend() – elementning oldiga HTML content qo’shish
• after() – elementdan so’ng HTML content qo’shish
• before() – elementdan oldin HTML content qo’shish
• remove() – elementni va uning ichki elementlarini remove qilish
• empty() – elementni ichki bola elementlarini remove qilish

Jquery – Boshqa usullar

IT School 2021

• hasClass() – element ma’lum bir class borligini tekshiradi
• insertAfter() – elementlardan so’ng HTML elementlarini qo’shadi
• insertBefore() – elementlardan oldin HTML elementlarini qo’shadi
• offset() – elementning koordinatalarini o’rnatadi yoki qaytaradi.
• Offset() 2ta xossaga ega top va left
• position() – offset kabi bir xil farqi position() o’zining ona elementiga mos ravishda koordinatalarini qaytaradi
• scrollTOp() – elementning vertical pozitsiyasini qaytaradi

Jquery - O`lchamlari

IT School 2021

• width() – elementning kengligi
• height() – elementning balandligi
• innerWidth() – elementning kengligi padding bilan birgalikda
• innerHeight() – elementning balandligi padding bir birgalikda
• outerWidth() – elementning balandligi border bir birgalikda
• outerHeight() – elementning balandligi border bir birgalikda
• outerWidth(true) – elementning kengligi bir margin birgalikda
• outerHeight(true) – elementning balandligi bir margin birgalikda