Как добавить свойство в существующий класс

У меня есть класс CSS, например:

.simpleClass {
    width: 25px;
}

И у меня есть соответствующий элемент:

<div class="simpleClass"></div>

Можно ли добавить свойство display: none; в класс CSS .simpleClass динамически через jQuery? Спасибо.

Ответы

Ответ 1

вы можете указать стиль элемента, используя .css как

$("div.simpleClass").css("width","25px");

посмотрите jQuery.css()

Ответ 2

Если я правильно понял, вы не хотите передавать свойство элементу экземпляра simpleClass, но хотели бы предоставить дополнительное свойство для всего класса (охватывающего все экземпляры) с помощью JS.

В этом случае вы можете использовать jQuery для добавления элемента стиля в голову, предоставляя вам возможность добавлять дополнительные объявления CSS.

Однако, я бы не рекомендовал это, потому что это заставляет ваш код и структуру запутываться.

$("head").append("<style> .simpleClass{ display:none; } </style>");

Этот фрагмент предоставит дополнительное свойство display:none всем элементам .simpleClass, существующим во время выполнения этого действия, а также повлияет на каждый добавленный элемент .simpleClass.

Ответ 3

$('.simpleClass').css({display:'none'});

Ответ 4

Свойство будет добавлено в div, если оно уже не существует в классе css. Следовательно, всегда лучше переключать класс css с новыми свойствами. Например.

$( ".referenceClass" ).switchClass( "oldClass", "newClass");

Ответ 5

Таблица стилей определена в файле, и вы не можете редактировать это с помощью JavaScript. Что вы можете сделать, так это:

$(".simpleClass").live("domchanged", function() {
    $(this).css("display", "none");
});

Но это не не совместимо с несколькими браузерами, но не эффективен (и не проверен мной;). Поэтому для этой цели я бы предложил использовать другой предопределенный класс CSS. Почему вам все равно нужно что-то подобное?

Ответ 6

$(document).ready(function(){
    $(.simpleClass).css('display','none');
});