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'rsatmalarasosiy 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: