Question

目前在我的实验室为我的大学COSC课程工作。在实验室中我应该能够点击一个按钮，按钮边框应该转到＆＃34; 3px实心绿色＆＃34; 这就是我目前所拥有的：

<html>
    <head>
        <title>Lab 10</title>
        <style type="text/css">
            div, p{
                width: 600px;
                background-color: lightgray;
            }
            .border_green{
                border: 3px solid green;
            }
        </style>
        <script src="http://code.jquery.com/jquery-latest.js">
        </script>
        <script type="text/javascript>">
            $("#b1").click(function(){
                $("#b1").attr("Class",".border_green");
            });
        </script>
    </head>
    <body>
        <input id="b1" classname="button" type="button" value= "If this is clicked, a green solid border of three pixels will be created.">
</html>

Answer 1

你只需要从类名中删除点符号，然后像Tushar建议的那样将脚本包装在ready方法中这是plunker here 这是更新的脚本。

$(document).ready(function(){
    $("#b1").click(function(){
         $("#b1").attr("class","border_green");
    });
});

使用Jquery

1 个答案: