Javascript背景颜色切换

标签 javascript jquery

我正在尝试使用 javascript 来控制表单元素的背景颜色,到目前为止我所拥有的:

    <script type="text/javascript">
     $(document).ready(function() {
        $('option.POIs').click(function() {
        $(this)
           .css('background-color','#EE178C')

        });
    });

    </script>

它工作得很好,但是我希望它能够在不同的颜色之间切换。默认颜色为#FFFFFF,另一种颜色为#EE178C。因此,当页面加载时,背景颜色为#FFFFFF,当我单击该项目时,背景颜色更改为#EE178C,如果我再次单击它,它将返回#FFFFF。

如有任何帮助,我们将不胜感激!

最佳答案

仅供引用

.POIs{background:#fff}.POIs.toggle{background:#EE178C}

脚本

 $('option.POIs').click(function() {$(this).toggleClass('toggle')})

关于Javascript背景颜色切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8828852/

相关文章:

javascript - Angular : object structure best practice

javascript - jQuery 验证引擎 动态字段验证

javascript - HTML 表格问题导致 knockout

javascript - 如何在 JavaScript 中设置 cookie 值并在 Rails Controller 中获取它

javascript - 使用 jQuery 显示前一个 td 元素

javascript - 如何在页面上拖放 <div>

javascript - 重试 ajax 调用直到成功

javascript - 执行函数的顺序

jquery - Facebook 点赞框 : changing the width by jQuery

javascript - 了解在处理子元素(而不是属性)时如何使用 prop()