با سلام خدمت همراهان همیشگی وب سایت پرنیان طرح
با یکی دیگر از مقالات آموزش جی کوئری در خدمت شما عزیزان هستیم.
می توانید برای مطالعه بیشتر در مورد جی کوئری به این لینک در وب سایت پرینان طرح مراجعه کنید.
در آموزش امروز قصد داریم در مورد تنظیم و دستکاری کلاس های CSS در کتابخانه جی کوئری صحبت کنیم.
در ادامه آموزش همراه ما باشید.
مقدمه
جی کوئری روش های مختلفی برای دستکاری CSS دارد.
مانند:
- ()addClass
- ()removeClass
- ()toggleClass
- ()css
در ادامه همراه ما باشید.
متد ()addClass
مثال زیر نحوه افزودن صفات یک کلاس به عناصر مختلف را نشان می دهد.
البته هنگام افزودن کلاس می توانید چندین عنصر را انتخاب کنید:
[PHP]
$(“button”).click(function(){
$(“h1, h2, p”).addClass(“blue”);
$(“div”).addClass(“important”);
});
[/PHP]
نتیجه کد بالا را از این لینک مشاهده کنید.
همچنین می توانید چندین کلاس را در روش ()addClass مشخص کنید:
[PHP]
$(“button”).click(function(){
$(“#div1”).addClass(“important blue”);
});
[/PHP]
نتیجه کد بالا را از این لینک مشاهده کنید.
روش ()removeClass
مثال زیر نحوه استفاده از روش ()jQuery removeClass را نشان می دهد.
این متد، وظیفه حذف یا اضافه کردن یا اضافه کردن کلاس css به المان انتخابی را بر عهده دارد.
[PHP]
$(“button”).click(function(){
$(“h1, h2, p”).removeClass(“blue”);
});
[/PHP]
نتیجه کد بالا را از این لینک مشاهده کنید.
روش ()toggleClass
مثال زیر نحوه استفاده از روش jQuery toggleClass () را نشان می دهد.
[PHP]
$(“button”).click(function(){
$(“h1, h2, p”).toggleClass(“blue”);
});
[/PHP]
نتیجه کد بالا را از این لینک مشاهده کنید.