0

我需要编写一个适用于 button1 和 button2 的函数。我点击 button1,我可以隐藏 t,但是如何为 button2 添加相同的函数?

<html>
    <head>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
        </script>
        <script>
            $(document).ready(function(){
                $("#button1").click(function(){
                $(this).hide();
                });
            });
        </script>
    </head>
    <body>
        <button id="button1">Button1</button>
        <button id="button2">Button2</button>
    </body>
</html>
4

3 回答 3

0

只需将其添加到选择器:

$(document).ready(function(){
    $("#button1, #button2").click(function(){
        $(this).hide();
    });
});
于 2013-11-12T00:39:34.150 回答
0

添加一个类而不是使用 id 作为标识符,然后将您的类应用于您希望具有相同操作的所有元素。

<button class="yourbuttons" id="button1">Button1</button>
<button class="yourbuttons" id="button2">Button2</button>

然后:

$(".yourbuttons").click(function(){
    $(this).hide();
});
于 2013-11-12T00:39:40.517 回答
0

由于您的事件处理程序已经用于this引用触发事件的任何元素(即在这种情况下,已被单击),您只需概括您放入的选择器$()以包含#button2. 这取决于您的标记,但就目前而言,您可以使用:

$("#button1, #button2").click(function () {
    $(this).hide();
});

演示:http: //jsfiddle.net/BByTB/

于 2013-11-12T00:41:03.720 回答