使用显示方法

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 $变量。由于“严格使用”仅适用于它位于顶部的范围，并且假设您的第一个函数中没有其他代码，那么第一个函数没有意义，只会导致问题并将其删除。

你想在这里的方法是on，不onClick（onclick是一个非常古老的方法来设置点击事件处理程序通过HTML属性或作为DOM对象的属性，但你有一个jQuery包裹设置对象，没有按“T支持，）：

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

.hide { 
 
    display:none; 
 
}

<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>