Jquery da css bilan ishlash usullari jquery


Download 14.72 Kb.
Sana18.10.2023
Hajmi14.72 Kb.
#1707486
Bog'liq
JQuery da CSS bilan ishlash usullari


JQuery da CSS bilan ishlash usullari
JQuery usullari uch kategoriyalari bor: bir naqsh taaluqli unsurlar bilan tashkil etiladi; elementning ikkinchi qaytish qiymati, boshqalar elementlar o'zlari o'zgartirish esa.
CSS-uslublari uchun ishlatiladi usullari qarash.
Uslubning har qanday elementni qo'shish uchun siz quyidagi usuli foydalanish kerak:
.css(name,value)
Misol:
$("div").css("border", "1px solid blue");
Bu qo'llanma div kontenerga 1 px ega ko'k ramka qo`shadi.
CSS: background, border, font-style, colorFon va hokazo: CSS qo'llanilashda parametrning nomlari ishlatiladi.
Agar buyum bir necha CSS-qoida uchun so'ralgan bo'lsan u quyidagini qo'llash yanada yaxshiroq bo'ladi:
.css({properties})
Misol:
$("div").css({
border:"1px solid blue",
fontWeight:"bolder",
backgroundColor:"red"
});

Bu qo'llanma div kontenerga ko'k ramka, fon qizil va matn qilingini qo`shadi.
JavaScript da FontWeight, backgroundColor va hokazo: IE oynasida foydalanish font-weight va background-color ekvivalenti CSS xususiyatlari uchun unutmang.
Uslublari bilan ishlash uchun har qanday boshqa usullar:
Misol:_$("p:last").addClass("main");_Ushbu_bolimda_P_oxirgi_element_uchun_asosiy_sinf_qoshiladi._.removeClass(class)'>.addClass(class)
Misol:
$("p:last").addClass("main");
Ushbu bo'limda P oxirgi element uchun asosiy sinf qo'shiladi.
.removeClass(class)
Misol:
$("p:even").removeClass("main");
Ushbu ko'rsatmalar asosiy sinf main xat o`qishni bartaraf etadi.
.toggleClass(class)
Misol:
$("p").toggleClass("main");
U yo'qolgan bo'lsa, bu qo'llanma mavjud bo'lsa, sinfning barcha asosiy qatlamlariga bartaraf qiladi.
.offset()
Misol:
var offDiv=$("div").offset();
Bu ko'rsatma div ning elementi chap va yuqori aniqlash uchun imkon beradi. Muayyan mulkni qiymatini olish uchun, quyidagi xususiyatlarga foydalaning: offset.left-chap va offset.top - yuqorida aniqlash uchun.
.height(value)
Misol:
$("div").height();
$("div").height(200);

Bu qo'llanma (birinchi satr chiziq) - element o'rnatish va (ikkinchi satr) balandligi beradi.
.width(value)
Misol:
$("div").width();
$("div").width(200);

Bu qo'llanma (birinchi satr chiziq) - element o'rnatish va (ikkinchi satr) kengligini beradi.
Misol:
var widDiv=$("div").width();
$("div.fir").width(300);

Birinchi satr o'zgaruvchilar widDiv birinchi div ning kengligi yozadi. Ikkinchi ko'rsatma 300 piksel div ning barcha sinf kengligi o'rnatadi.
Bu jQuery usullari juda qiziqarli dastur hisoblanadi: ular (2 dalillarini qabul qilganingizda) parametr sozlamalari uchun ishlatiladi va bu parametrlar qiymatlari olish uchun (argumentga o'tigan bo'lsa).
Html kod:


jQuery





jQuery - CSS



Bo`lim 1

Bo`lim 2

Bo`lim 3

Bo`lim 4









Download 14.72 Kb.

Do'stlaringiz bilan baham:




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