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

Question

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

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

<div id='voltaic_holder'>

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

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

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

Спасибо

Answer 1

Вы можете выполнить любое из следующих действий:

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

$("#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")

Answer 2

Чтобы полностью удалить атрибут стиля диапазона voltaic_holder, сделайте следующее:

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

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

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

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

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

Answer 3

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

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

Чтобы удалить атрибуты CSS

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

Answer 4

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

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

или даже

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

Answer 5

В случае использования метода .css в jQuery для ! Важный правило не будет применяться.

В этом случае следует использовать .attr function.

Например: если вы хотите добавить стиль, как показано ниже:

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

Вы должны использовать:

$("#voltaic_holder").attr("style", "position:absolute;top:-75px !important");

Надеюсь, кому-нибудь это поможет.

Answer 6

Анвер здесь Как динамически добавить стиль для выравнивания текста с помощью jQuery

Answer 7

Удалить атрибут стиля из div, используя J запрос:

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

Добавить стиль в div, используя J запрос:

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

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

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

Надеюсь, это поможет:)