Question

我正在尝试创建一个on click事件，如果它有某个类，则会隐藏所单击的元素，但我尝试的不起作用。

$(document).ready(function(){
    $('.alert').on('click', function(){
        $(this).slideUp(150);
    });
});

任何人都可以帮助我吗？

Answer 1

通常这应该隐藏点击的当前元素：

$(document).ready(function(){
    $('.alert').on('click', function(){
        $(this).hide();
    });
});

如果你想用类隐藏所有元素：

$(document).ready(function(){
    $('.alert').on('click', function(){
        $('.alert').hide();
    });
});

Answer 2

有一个JQuery hide()方法

$(document).ready(function(){
    $('.alert').on('click', function(){
        $(".yourclass").hide();
    });
});

或类似的东西.. 还要看一下：http://www.w3schools.com/jquery/jquery_hide_show.asp

更新

<html>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $("#element").click(function(){
            if($(this).hasClass("hide")){
              $(this).slideUp(200);
            }
        });
    });
    </script>
  </head>
  <body>

    <button id="element" class="hide">Element 1</button>

    <button id="element" class="show">Element 2</button>    

  </body>
</html>

http://codepen.io/woidfeeee/pen/vOXQRL?editors=100

Answer 3

...隐藏了点击的元素，如果它有某个类......

$(document).ready(function(){
    $('.alert').on('click', function(){
        if($(this).hasClass('certain-class'){
            $(this).hide();
        }
    });
});

注意，您只需要传递没有.

的班级名称

Jquery点击任何带有类的元素

3 个答案: