Question

我试图理解如何区分我的文档中的两个按钮，我希望它的行为，除了隐藏段落之外，它还隐藏了＆＃34; Click Me！＆＃34 ; 按钮，点击＆＃34;隐藏＆＃34;。我哪里错了？

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script>
        $(document).ready(function(){
            $("button").click(function(){
                $("p").hide(1000);
                $("button name='me'").hide(1000);
            });
        });
        </script>
    </head>
    <body>
        <button name="me" type="button" 
                onclick="alert('Hello world!')">Click Me!</button>

        <button>Hide</button>
        <p>This is a paragraph with little content.</p>
        <p>This is another small paragraph.</p>
    </body>
</html>

Answer 1

如果你想隐藏你的按钮＆＃34;点击我＆＃34;，你的选择器css必须是＆＃34;按钮[name =＆＃39; me＆＃39;]＆＃34;。

如果添加空格，则选择按钮的子项。

Answer 2

$(document).ready(function(){
    $("button").click(function(){
        $("p").hide(1000);
        $("button[name='me']").hide(1000);
    });
});

区分html代码中的两个元素

2 个答案: