Question

我是JQuery的新手。有两个HTML元素（P和输入）。点击一个按钮，我想隐藏这两个元素。两者都有相同的类名。简单的代码不起作用。请给我任何建议。

非常感谢纳特

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>Demo</title>
</head>

<body> <a href="http://jquery.com/">jQuery</a>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>
        $(document).ready(function() {
            $("#hide#").click(function() {
                $(.test).hide();
            });
            $("#show").click(function() {
                $(.test).show();
            });
        });
    </script>
    <p class="test">Hello this is P element that I am trying to hide using its class</p> First name:
    <input class="test1" type="text" name="fname">
    <button id="hide">Hide</button>
    <button id="show">Show</button>
</body>

</html>

Answer 1

＆＃13;

$(document).ready(function(){

  $('#hide').on('click', function(){
    $('.test').hide()
    });

   $('#show').on('click', function(){
    $('.test').show()
    });

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p class='test'>some text1</p>
<p class='test'>some text2</p>

<button type='button' id='hide'>hide</button>
<button type='button' id='show'>show</button>

＆＃13;

Answer 2

好吧，你的jQuery格式不正确。问题＃1：

$(document).ready(function(){
  $("#hide").click(function(){ //assuming "hide#" is the button's ID. 
    $('.test').hide();
  });
  $("#show").click(function(){
    $('.test').show();
  });
});

我也改变了＆＃34;隐藏＆＃34;按钮的ID只是＆＃34;隐藏＆＃34;如果它还没有，在这种情况下。

你也忘了附上单引号/双引号来关闭你的选择器，这就是为什么隐藏起来甚至没有工作开始。

使用类名隐藏所有元素

2 个答案: