بکارگیری CSS توسط جی کوئری
جی کوئری چندین متد برای بکارگیری CSS دارد.
- addClass() : افزودن یک یا چند کلاس به تگ انتخاب شده .
- removeClass() : حذف یک یا چند کلاس از تگ انتخاب شده
- toggleClass() : سوئیچ کردن بین افزودن و حذف کلاس ها از تگ انتخاب شده
- css() : ویرایش و یا بازگردانی صفت استایل یک تگ انتخاب شده .
مثال زیر یک فایل stylesheet را نشان میدهد
.important {
font-weight: bold;
font-size: xx-large;
}
.blue {
color: blue;
}متد addClass() :
- مثال زیر نحوه بکارگیری جی کوئری برای افزودن یک صفت جدید به یک یا چند تگ را نشان میدهد:
$("button").click(function(){ $("h1, h2, p").addClass("blue"); $("div").addClass("important"); });
متد addClass()
شما میتوانید در این متد چندین کلاس بیافزایید
$("button").click(function(){
$("#div1").addClass("important blue");
});متد removeClass()
مثال زیر به شما نشان میدهد که چگونه یک کلاس خاص را از صفات یک تگ حذف کنید
$("button").click(function(){
$("h1, h2, p").removeClass("blue");
});متد toggleClass()
مثال زیر نشان میدهد که چگونه با یک کلید به یک یا چند تگ کلاس هایی را اضافه و حذف کنیم:
$("button").click(function(){
$("h1, h2, p").toggleClass("blue");
});توسعه دهندگان
آریان آذر
