jquery - 对多个元素的操作

Question

我的页面上有 2 个元素，我单击 button1 它应该隐藏，而当我单击块元素时

背景颜色应更改为绿色..

<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>
        <p>This is a block element</p>
    </body>
</html>

score 1 · Accepted Answer

$(document).ready(function () {
    $("#button1").click(function () {
        $(this).hide();
    });
    $("p").click(function () {
        $(this).css('background-color', 'green');
    });
});

score 0 · Accepted Answer

这很简单：您需要将 Click 事件处理程序与这两个元素绑定。

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

      $("p").click(function () {
        $(this).css('background-color', 'green');
     });
  });
</script>

工作演示

或者您也可以通过以下方式执行此操作 -

$(document).ready(function(){
     $("#button1, p").click(function(e){
        if(e.target.nodeName === "BUTTON"){
           $(this).hide();
        }
        else if(e.target.nodeName === "P"){
          $(this).css('background-color', 'green');
        }
     });    
});

工作示例

jquery - 对多个元素的操作

2 回答 2

Related

Reference