Question

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>moockup< /title>
        <style>
            .yellowBackground {
                background-color: yellow;
            }

            .redBackground {
                background-color: red;
            }
        </style>
    </head>

    <body>
        <button id="button" class="yellowBackground" id="thumb" >paina tästä< /button>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script>
            $(function() {
                $("#button").click(function() {
                    changeThumb();
                });
            });
            function changeThumb() {
                $("#thumb").toggleClass("yellowBackground redBackground");
            }
        </script>
    </body>
</html>

为什么这不起作用我想按下那个按钮，它必须在每次点击后将其颜色改为黄色和红色，我知道如何在javascript中进行操作，但我现在正在学习jQuery。

Answer 1

这是一个解决方案人：http://jsfiddle.net/leojavier/9psL0oa0/

<button class="yellowBackground" id="thumb" >test</button>

CSS

.yellowBackground {

background-color: yellow;
}

.redBackground {

background-color: red;
}

JS

$("#thumb").click(function() {

   $("#thumb").toggleClass("redBackground");

});

Answer 2

希望这会回答你的问题。小提琴[ jquery的

08-29 00:12:48.115: E/SQLiteLog(32608): 08-29 00:12:48.119: D/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608): 08-29 00:12:48.135: E/AndroidRuntime(32608):

CSS

public class MainClass { static void Main(string[] args) { // your code goes here } }

HTML

$(".place").click(function $(this).toggleClass("green"); });

Answer 3

元素中不能有多个id属性。

.place { background-color: yellow; }
.place.green { background-color: red; }

<button id="button" class="place" id="thumb" >paina tästä</button>

$("#button").click(function() {
  changeThumb();
});
function changeThumb() {
  $("#button").toggleClass("yellowBackground redBackground");
}

按钮改变它的颜色

3 个答案: