Добавление и удаление атрибута стиля из div с помощью jquery


я унаследовал проект, над которым я работаю, и я обновляю некоторые анимации jquery (очень мало практики с jquery).

у меня есть div, из которого мне нужно добавить и удалить атрибут стиля. Вот div:

<div id='voltaic_holder'>

в какой-то момент в анимации мне нужно добавить стиль к нему:

<div id='voltaic_holder' style='position:absolute;top:-75px'>

Я искал вокруг и нашел .removeAttr() метод, но я не вижу, как его добавить, или даже удаленные части (например, сверху: - 75px только.)

спасибо,

6 77

6 ответов:

вы можете сделать любое из следующих

настроить каждое свойство стиля индивидуально:

$("#voltaic_holder").css("position", "relative");

установите сразу несколько свойств стиля:

$("#voltaic_holder").css({"position":"relative", "top":"-75px"});

удалить определенный стиль:

$("#voltaic_holder").css({"top": ""});
// or
$("#voltaic_holder").css("top", "");

удалить весь атрибут стиля:

$("#voltaic_holder").removeAttr("style")

чтобы полностью удалить атрибут стиля voltaic_holder span, сделайте это:

$("#voltaic_holder").removeAttr("style");

чтобы добавить атрибут, сделайте следующее:

$("#voltaic_holder").attr("attribute you want to add", "value you want to assign to attribute");

чтобы удалить только верхний стиль, сделайте это:

$("#voltaic_holder").css("top", "");

Если вы используете jQuery, используйте css, чтобы добавить CSS

$("#voltaic_holder").css({'position': 'absolute',
    'top': '-75px'});

для удаления атрибутов CSS

$("#voltaic_holder").css({'position': '',
    'top': ''});

простой способ справиться с этим (и лучшее решение HTML для загрузки) - это настроить классы, которые имеют стили, которые вы хотите использовать. Тогда это простой вопрос использования addClass () и removeClass(), или даже toggleClass().

$('#voltaic_holder').addClass('shiny').removeClass('dull');

или даже

$('#voltaic_holder').toggleClass('shiny dull');

удалить атрибут стиля из div с помощью J-запроса:

$("#TableDiv").removeAttr("style");

добавить стиль в div с помощью J query:

$("#TableDiv").attr("style", "display: none;");

добавить стиль с помощью html:

<div class="row" id="TableDiv" style="display: none;">
</div>

надеюсь, что это будет полезно :)