Назначение класса DIV "проверяется" статус по идентификатору, на странице загрузки

Question

У меня есть аа ряд дивы (df1, df2, DF3 и т.д ...):

<div class="class_checkbox" id="df1">TEST</div>

с CSS стайлинга:

.class_checkbox { 
    background-color: #FFF; 
    opacity: 1; 
} 

.class_checkbox.checked { 
    background-color: #FFF; 
    opacity: 1; 
} 

У меня есть onClick toggleClass, который работает правильно на всех.

Но иногда мне нужно установить определенные DIV, проверенные на загрузке страницы.

я не могу использовать: ('df1').toggleClass('checked');

Я не получаю «Непрозрачность: 1» появится проверяемого класса. Даже если я использую

$(document).ready(function() { 
    $("#df1").addClass("checked"); 
}) 

Что я делаю неправильно?

Answer 1

Вы могли бы сделать что-то вроде этого:

$(document).ready(function() { 
    $("#df1").addClass("checked"); 
});