Javascript 在引导中动态更改背景颜色_Javascript_Jquery_Css_Twitter Bootstrap

Javascript 在引导中动态更改背景颜色

javascript jquery css twitter-bootstrap

Javascript 在引导中动态更改背景颜色,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我是新手。经过研究，我了解到我可以使用javascript改变背景颜色。我想动态更改特定容器的背景色或图像。我正在使用style.css文件的外部链接（例如： href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css“> href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap->theme.min.css“> ) 您可以使

我是新手。经过研究，我了解到我可以使用javascript改变背景颜色。我想动态更改特定容器的背景色或图像。我正在使用style.css文件的外部链接

（例如： href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css“>

href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap->theme.min.css“> )

您可以使用jQuery并执行以下操作：

要更改bc映像，请执行以下操作：

$('.YourContainer').css('background-image', 'url(../images/backgrounds/bc-image.jpg)');

要更改bc颜色，请执行以下操作：

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

别忘了添加jQuery：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js" type="text/javascript"></script>

编辑，因为您可能不知道如何在已保存的脚本标记中使用代码：

        <!doctype html>
        <html>
        <head>
            <meta charset="utf-8">
            <title>Demo</title>
        </head>
        <body>
            <a href="http://jquery.com/">jQuery</a>
            <script src="jquery.js"></script>
            <script type='text/javascript'>

            $( document ).ready(function() {



           $('.YourContainer').css('background-image', 
             'url(../images/backgrounds/bc-image.jpg)');



           });     
        </script>
    </body>
    </html>


演示
$（文档）.ready（函数（）{
$（'.yourcainer'）.css（'background-image'，
'url（../images/backgrounds/bc image.jpg）'；
});

jquery代码是否会进入嵌入在脚本标记中的函数中？请确保在调用jquery后调用嵌入的代码这就是我所拥有的。我没有看到调用colorize函数。函数colorize（）{console.log（'got here'）；$（'check_generator'）.css（“background color”，“red”）}这就是它的调用方式