Изменение влево и вверх динамически в css hover [duplicate]

Чтобы немного разобраться, поскольку некоторые из ответов предоставляют неверную информацию:

Метод jQuery .css () позволяет использовать нотацию DOM или CSS во многих случаях. Таким образом, обе backgroundColor и background-color будут выполнены.

Кроме того, когда вы вызываете .css() с аргументами, у вас есть два варианта относительно того, что могут быть аргументами. Они могут быть либо разделенными запятыми строками, представляющими свойство css, так и его значением, или это может быть объект Javascript, содержащий одну или несколько пар ключей значений свойств и значений CSS.

В заключение единственное, что неправильно с ваш код отсутствует }. Строка должна читаться:

$("#myParagraph").css({"backgroundColor":"black","color":"white"});

Вы не можете оставить фигурные скобки, но вы можете оставить цитаты из backgroundColor и color. Если вы используете background-color, вы должны ставить кавычки вокруг него из-за дефиса.

В целом, хорошая привычка цитировать ваши объекты Javascript, .css () . [ ! d8]

Последнее замечание о том, что метод jQuery .css ()

$(handler);

равен .css () с:

$(document).ready(handler);

, а также с третьей не рекомендованной формой.

Это означает, что $(init) полностью верен , так как init является обработчиком в этом экземпляре. Таким образом, init будет запущен при построении DOM.

$ (". radioValue"). css ({"background-color": "- webkit-linear-gradient (# e9e9e9, rgba (255, 255, 255, 0.43137254901960786), # e9e9e9)", "color" : «# 454545», «padding»: «8px»});

неверный код: $("#myParagraph").css({"backgroundColor":"black","color":"white");

отсутствует "}" после white"

изменить его на

 $("#myParagraph").css({"background-color":"black","color":"white"});

$(function(){ 
$('.bordered').css({
"border":"1px solid #EFEFEF",
"margin":"0 auto",
"width":"80%"
});

$('h1').css({
"margin-left":"10px"
});

$('#myParagraph').css({
"margin-left":"10px",
"font-family":"sans-serif"
});

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="bordered">
<h1>Header</h1>
<p id="myParagraph">This is some paragraph text</p>
</div>

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

$('.block').css('width',50 + '%');

или

var $block = $('.block')    

$block.css({ 'width': 50 + '%', 'height': 4 + 'em', 'background': '#FFDAB9' });

Когда вы используете множественное свойство css с jQuery, тогда вы должны использовать фигурные скобки в начале и в конце. Вам не хватает конечной фигурной скобки.

function init() {
 $("h1").css("backgroundColor", "yellow");

 $("#myParagraph").css({"background-color":"black","color":"white"});

 $(".bordered").css("border", "1px solid black");
}

Вы можете посмотреть этот учебник jQuery CSS Selector.

Вы можете сделать это:

$("h1").css("background-color", "yellow");

Или:

$("h1").css({backgroundColor: "yellow"});