Как удалить определенный встроенный стиль с помощью jQuery

HTML

<div id="myDiv" style="width:100px;height:100px;transform:translate3d(0,0,0);">
    //Some Content
    </div>

Используя jQuery, как удалить конкретный встроенный стиль i.e transform?

Ответы

Ответ 1

Вы можете использовать css, чтобы удалить встроенный стиль:

Установка значения свойства style в пустую строку удаляет это свойство из элемента.

$("#myDiv").css("transform","");

DEMO

Ответ 2

Удалить встроенный стиль: $("#myDiv").removeAttr("style");

Добавление нового: $("#myDiv").removeAttr("style").attr("style","color:red");

или вместо этого добавьте класс: $("#myDiv").removeAttr("style").addClass("myDivClass");

Документация PostData:.css() в jQuery.com:

"... Получить значение свойства стиля для первого элемента в наборе совпадающих элементов или установить один или несколько свойств CSS для каждого согласованный элемент..."

.css() ничего не удалять... или я ошибаюсь? Возможно, вы можете очистить свойство "transform" с помощью чего-то вроде .css( "transform" , "");

Хорошо, вы можете использовать .css( "transform" , ""), чтобы удалить встроенное свойство css, не нарушая остальные, но будьте осторожны: оно влияет только на встроенный атрибут стиля и не удаляет ничего исходящие из назначенных классов, хранящихся в листах CSS...

Перейдите сюда и наслаждайтесь всеми необходимыми параметрами: fooobar.com/info/31589/...