jQuery CSS klasslari
jQuery yordamida elementlarning uslubini o‘zgartirish oson.
jQuery bilan CSS manipulyatsiyasi
jQuery’da CSS manipulyatsiyasi uchun bir nechta metod mavjud. Biz quyidagi metodlarni ko‘rib chiqamiz:
addClass()- Tanlangan elementlarga bitta yoki bir nechta klass qo‘shadiremoveClass()- Tanlangan elementlardan bitta yoki bir nechta klassni olib tashlayditoggleClass()- Tanlangan elementlarga klasslarni qo‘shish/olib tashlash o‘rtasida almashlab turadicss()- style atributini o‘rnatadi yoki qaytaradi
Namunaviy stil jadvali (stylesheet)
Ushbu sahifadagi barcha misollar uchun quyidagi stil jadvalidan foydalaniladi:
.important {
font-weight: bold;
font-size: xx-large;
}
.blue {
color: blue;
}
jQuery addClass() metodi
Quyidagi misol turli elementlarga class atributlarini qanday qo‘shishni ko‘rsatadi. Albatta, klass qo‘shayotganda bir nechta elementni tanlashingiz mumkin:
Misol
$("button").click(function(){
$("h1, h2, p").addClass("blue");
$("div").addClass("important");
});
O‘zingiz sinab ko‘ring »
addClass() metodi ichida bir nechta klassni ham ko‘rsatishingiz mumkin:
Misol
$("button").click(function(){
$("#div1").addClass("important blue");
});
O‘zingiz sinab ko‘ring »
jQuery removeClass() metodi
Quyidagi misol turli elementlardan muayyan class atributini qanday olib tashlashni ko‘rsatadi:
Misol
$("button").click(function(){
$("h1, h2, p").removeClass("blue");
});
O‘zingiz sinab ko‘ring »
jQuery toggleClass() metodi
Quyidagi misol jQuery toggleClass() metodidan qanday foydalanishni ko‘rsatadi. Bu metod tanlangan elementlarga klasslarni qo‘shish/olib tashlash o‘rtasida almashlab turadi:
Misol
$("button").click(function(){
$("h1, h2, p").toggleClass("blue");
});
O‘zingiz sinab ko‘ring »
jQuery css() metodi
jQuery css() metodi keyingi bobda tushuntiriladi.
jQuery mashqlari
jQuery CSS ma’lumotnomasi
Barcha jQuery CSS metodlari bo‘yicha to‘liq ma’lumot uchun jQuery HTML/CSS ma’lumotnomasiga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!