添加多個類到div

-2

我寫了這個腳本以ckech div懸停。徘徊在格後，我想改變類股利多類添加多個類到div

$('#chkm').hover(function(){ 
    $('#chkm').addClass(".main-quiz-holder .slide-container #hdiv"); 
});

我的div：

<div style='float: right;' id='mdiv' > 
    <ul class="styledlist" > 
    <img src='images/system_help.png' id='ckekeKala' width='18px'/> 
    </ul> 
</div>

我的CSS：

.main-quiz-holder .slide-container #mdiv { 
    cursor: pointer; 
    padding: 6px 10px; 
    margin: 5px 5px; 
    font-size:11px; 
    color: rgb(76, 76, 76); 
    border-radius: 4px 4px 4px 4px; 
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3); 
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset, 0px 0px 6px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 2px rgba(0, 0, 0, 0.4); 
    background: -moz-linear-gradient(center top , rgb(246, 246, 246), rgb(212, 212, 212)) repeat scroll 0% 0% rgb(246, 246, 246); 
    border: 1px solid rgb(161, 161, 161); 
} 
.main-quiz-holder .slide-container #hdiv { 
    background: #ebe9f9; 
    background: -moz-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #c1bfea 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebe9f9), color-stop(50%,#d8d0ef), color-stop(51%,#cec7ec), color-stop(100%,#c1bfea)); 
    background: -webkit-linear-gradient(top, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); 
    background: -o-linear-gradient(top, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); 
    background: -ms-linear-gradient(top, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); 
    background: linear-gradient(to bottom, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=0); 
}

來源

2012-10-08 mahdi

在類名中不允許使用'.'和'＃'，因此您不能添加''.main-quiz-holder .slide-container ＃hdiv'' as CSS classes ... – feeela

不能在addClass()功能使用.

$('#chkm').hover(function(){ 
    $('#chkm').addClass("main-quiz-holder"); 
});

這兩個類或div有相同的css比你不需要全部添加它們。使用單個也將工作正常

來源

2012-10-08 15:27:42 StaticVariable

從類名中刪除點，因爲.addClass需要類名稱作爲字符串（而不是選擇）。

$('#chkm').addClass("main-quiz-holder slide-container");

來源

2012-10-08 15:27:42 karim79

這應該是很好的

$('#chkm').addClass("main-quiz-holder slide-container #hdiv");

的。添加或刪除類名時不需要點。只有在試圖將它用作選擇器時才需要。

來源

2012-10-08 15:28:01

添加多個類到div

回答

相關問題