گزاشتن 2 کلاس روی یک شی

[fakhravari]

با سلام میتونیم 2 کلاس بدیم برای کار مثلا روی تگ<a
با 2 کلاس set کنیمش:متفکر:

[Javidhb]

هر دکمه برای اضافه کردن یه class استفاده میشه:
css:


<style>
.class1{
background-color:purple;
}

.class2{
font-size:30px;
}

.class3{
color: white;
}
</style>


html:


<div id="myDiv">a simple test</div>

<button id="btnCls1">add class 1</button>
<button id="btnCls2">add class 1</button>
<button id="btnCls3">add class 1</button>


js:


$('#btnCls1').click(function(){
$('#myDiv').toggleClass('class1');
});

$('#btnCls2').click(function(){
$('#myDiv').toggleClass('class2');
});

$('#btnCls3').click(function(){
$('#myDiv').toggleClass('class3');
});



دمـــو (http://jsfiddle.net/L2zDC/)

توی مثال بالا، شما میتونید سه تا (یا بیشتر) کلاس به یه المنت بدید.

استفاده از چند کلاس میتونه قدرت مانور بیشتری برای کار با المنتها در اختیارتون بزاره.