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

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

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

<div id='voltaic_holder'>

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

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

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

спасибо,

77
css dhtml jquery

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")
179

чтобы полностью удалить атрибут стиля 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", "");
18

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

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

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

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

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

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

или даже

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

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

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

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

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

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

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

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

0