TypeError:$(...).style未定义 - bug还是我的错?

Ste*_*eve 6 javascript css firefox jquery

首先大家好..我只是想为朋友一个简单的网站,我thougt添加一些效果..但是.. jeah首先我只是想改变一个元素的背景,但那么这碰到:

TypeError:$(...).style未定义(在Firefox控制台中)

HTML:

<!DOCTYPE html>
<html lang="DE">
<head>
 <meta charset="utf-8"/>
 <title>Laura Sack - Offizielle Webseite</title>
</head>
<body>
 <div id="gallery-container" class="gallery-container cf"></div>
 <script src="js/jquery.js"></script>
 <script src="js/main.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

$(document).ready(function(){
   $("#gallery-container").style.background = "black";
});
Run Code Online (Sandbox Code Playgroud)

Ehs*_*jad 8

你正在混合javascript和jquery.

在jquery中你必须使用css()使它像这样工作:

 $("#gallery-container").css("background","black");
Run Code Online (Sandbox Code Playgroud)


Ras*_*iya 2

尝试这个,

$(document).ready(function(){
   $("#gallery-container").css('background-color','black');
});
Run Code Online (Sandbox Code Playgroud)