Javascript 在jQuery中声明多个按钮

我试图使一个网页，有两个按钮执行不同的行动。当我点击一个按钮时，它同时执行两个功能，但我希望它只执行一个功能

任务3.1:200x200绿盒分区：

删除
$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“div”）.remove（）；
});
});


使有生气
$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“div”）.animate（{左：'300px'}）；
});
});

选择器

“按钮”

匹配文档中当时的每个按钮。当选择器匹配多个元素时，

$.fn.click

方法实际上会在结果集合上循环，并绑定到匹配的每个元素

如果只想匹配特定的元素，则需要将它们与其他匹配的元素区分开来。如果给他们一个唯一的ID，最常见的方法之一是：

<button id="remove">Remove</button>
<button id="animate">Animate</button>

---

您需要为每个按钮分配不同的

id

或

class

。您还可以将两个脚本压缩为一个脚本。另外，似乎不应该使用

div

选择器，而应该为

div

分配一个特定的

id

或

class

<script>
    $(document).ready(function(){
        $("#button1").click(function(){
            $("div").remove();
        });

        $("#button2").click(function(){
            $("div").animate({
                left:'300px' 
            });
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#按钮1”）。单击（函数（）{
$（“div”）.remove（）；
});
$（“#按钮2”）。单击（函数（）{
$（“div”）.animate({
左：'300px'
});
});
});

删除
$（文档）.ready（函数（）{
$（“按钮移动”）。单击（函数（）{
$（“div”）.remove（）；
});
});


使有生气
$（文档）.ready（函数（）{
$（“按钮#banimate”）。单击（函数（）{
$（“div”）.animate({
左：'300px'
});
});
});

你的问题/错误是什么？解释得很好，而不是简单地说明显而易见的：）称它们为“button1”和“button2”是一个可怕的想法。使用有意义的名字。只有代码的答案是不好的，因为它们不能帮助任何人从错误中学习。解释为什么原始版本不起作用，你做了什么来修复它，以及为什么要修复它。

$("#remove").click(function remove () {
    $("div").remove(); // This removes every div from the document
});

$("#animate").click(function animate () {
    $("div").animate({ left: 300 }); // Animates the left property of every div
});

<script>
    $(document).ready(function(){
        $("#button1").click(function(){
            $("div").remove();
        });

        $("#button2").click(function(){
            $("div").animate({
                left:'300px' 
            });
        });
    });
</script>

<button id="bremove"> Remove</button>
<script>
    $(document).ready(function(){
        $("button#bremove").click(function(){
            $("div").remove();
                                    });
                                });
    <br/>
</script>

<button id="banimate"> Animate</button>
<script> 
    $(document).ready(function(){
        $("button#banimate").click(function(){
            $("div").animate({
                left:'300px' 
            });
        });
    });
    </script>