jquery - 简单的 Jquery 事件

标签 jquery

好的,这是我的代码,它可以工作,但只能循环 1 次。我错过了什么让事件一遍又一遍地循环

<!DOCTYPE html>
<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
        $("button").click(function(){
            $("p").hide();

            $("button").click(function(){
                $("p").show();
            });
        });
    });
    </script>
</head>
<body>
    <p>If you click on me, I will disappear.</p>
    <p>Click me away!</p>
    <p>Click me too!</p>
    <button> click </button>
</body>
</html>

最佳答案

您可以使用toggle()方法在这里:

$(document).ready(function () {
    $("button").click(function () {
        $("p").toggle();
    });
});

toggle() 显示或隐藏匹配的元素。因此,如果它最初显示,那么它将在下次单击按钮时隐藏,下次单击时它将再次显示。并且这个循环将会持续下去。

关于jquery - 简单的 Jquery 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16903418/

相关文章:

Javascript Radio 添加值 Textarea

javascript - 使用 JQuery 删除 CSS 类

javascript - 使用 Requirejs 时,是否可以让优化器自动找到所有依赖项?

javascript - 页面转换后执行 javascript

javascript - 如何加载json数据到id ="hello"

javascript - d3 rect 没有显示

jquery - 使用 Bootstrap 3 的 Twitter Typeahead 上的 CSS 问题

jQuery 在页面上查找电话号码并包含在 <a href ="tel: "> 链接中

javascript - AJAX/JQuery 函数未定义

javascript - 未捕获的类型错误 : Cannot read property 'documentElement' of null