Если у меня есть один элемент div, например, и класс 'first' определен со многими свойствами css. Могу ли я назначить css class 'second', который также имеет много свойств, которые по-разному определены для этого же div только на каком-либо событии, не записывая каждое свойство в строке.
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
)};
)};