Question

我试图让按钮在点击后显示我的段落。不确定我做错了什么！

function $() {
    "use strict";
}
$(document).ready(function () { "use strict";
    $("button").onClick(function () {
        $("p").show();
    }); 
});

Answer 1

使用click()代替onClick()：

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

您始终可以在开发人员工具控制台上检查Javascript错误（在Chrome中单击F12即可查看。）

Answer 2

JQuery引用$。第一个函数声明一个名为$的函数，从而覆盖JQuery $变量。因为＆＃34;使用严格的＆＃34;仅适用于它位于顶部的范围，并且假设您的第一个函数中没有其他代码，第一个函数没有意义，只会导致问题，请将其删除。

您想要的方法是on，而不是onClick（onclick是一种通过HTML属性设置点击事件处理程序或作为DOM对象属性的非常古老的方法，但你有一个JQuery包装的集合对象，它不支持它：

＆＃13;

$(function () { 
    $("button").on("click", function () {
      $("p").show();
    });
});

＆＃13;

.hide {
  display:none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Show the text</button>
<p class="hide">This is a test</p>

＆＃13;

使用show方法

2 个答案: