JQuery меняет класс css на div

Ответ 1

$(".first").addClass("second");

Если вы хотите добавить его в событие, вы также можете сделать это легко. Пример с событием click:

$(".first").click(function() {
    $(this).addClass("second");
});

Ответ 2

Да, легко.

$("#mydiv").attr("class", "second");

Ответ 3

Вы можете добавлять и удалять классы с помощью jQuery следующим образом:

$(".first").addClass("second")
// remove a class
$(".first").removeClass("second")

Кстати, вы можете сразу установить несколько классов в вашей разметке, разделенных пробелами

<div class="second first"></div>

Ответ 4

Это может быть не совсем точно, потому что я не совсем понимаю, что вы хотите сделать. Однако, предполагая, что вы имеете в виду, что хотите назначить другой класс для div в ответ на событие, ответ да, вы можете сделать это с помощью jQuery. Я всего лишь начинающий jQuery, но в своем коде я использовал следующее:

$(document).ready(function() {
    $("#someElementID").click(function() {  // this is your event
        $("#divID").addClass("second");     // here your adding the new class
    )}; 
)};

Если вы хотите заменить первый класс на второй класс, я считаю, что сначала вы должны использовать removeClass, а затем addClass, как я уже говорил выше. toggleClass также может стоить взгляда. Документация jQuery хорошо написана для этих типов изменений с примерами.

У кого-то еще у меня есть лучший вариант, но я надеюсь, что это поможет!

Ответ 5

Элемент HTML, такой как div, может иметь более одного класса. Пусть say div имеет два стиля, используя метод addClass. Если style1 имеет 3 свойства, такие как размер шрифта, вес и цвет, а style2 имеет 4 свойства, такие как размер шрифта, вес, цвет и фоновый цвет, результирующий эффективный набор свойств (стиль), я думаю, будет иметь 4 свойства, т.е. объединение всех наборов стилей. Общие свойства, в нашем случае, цвет, размер шрифта, вес, будут иметь один случай с последними значениями. Если div присваивается style1 first и style2 second, общие параметры будут перезаписаны значениями style2.

Кроме того, я написал сообщение в Используя JQuery для применения, удаления и управления стилями, я надеюсь это поможет вам

Отношения Awais

Ответ 6

$(document).ready(function () {

            $("#divId").toggleClass('cssclassname'); // toggle class
});

**OR**

$(document).ready(function() {
        $("#objectId").click(function() {  // click or other event to change the div class
                $("#divId").toggleClass("cssclassname");     // toggle class
        )}; 
)};