2013-07-11 36 views
1

我正在学习jQuery的一些基本概念。jQuery应用样式加载时

我想要做的是在页面加载时将一些样式应用于按钮元素(id)。 这是我的jsFiddle

以下是脚本,我找不到任何问题。

$(document).ready(function ({ 
    $('#jc').css('background-color', 'red'); 
}); 

它与jsFiddle设置有什么关系,或者我错过了一些至关重要的东西。

+1

这是'函数(){'不'函数({' – casraf

+0

谢谢,我应该在更仔细地看了一下,先用的jsfiddle的jshint检查 –

回答

1

如果您添加(),则您的JS代码有效。

但是,你的小提琴中的背景颜色没有显示,但是,应用了CSS。更改为“颜色”而不是“背景颜色”,您会看到您的CSS样式已应用。您宁可看看CSS本身以及它如何应用于按钮元素。

$(document).ready(function() { 
    $('#jc').css('color', 'red'); 
}); 
+0

谢谢。这是一个简单的错过。试过用“颜色“,现在它会覆盖。我猜”背景颜色“引导默认样式规则胜过我的。 –

3

function ({应该function(){

+0

你打我了它:P。 – JonathanRomer

+1

此外,风格应该是一个独立的脚本问题,因此把这个样式放到一个CSS文件中,然后在这个元素上应用一个'class'来代替 –

+0

谢谢。这是一个简单的错过.. –

0

你在你的代码中的语法错误,这里是正确的版本:

$(document).ready(function() { 

}); 

随着你的版本,你是 - 样的 - 试图通过一个JSON对象放入函数参数行。

0

你在jQuery代码中的语法不正确。替换为:

$(document).ready(function(){ //change here 
    $('#jc').css('background-color', 'red'); 
});