Javascript 使用Jquery单击时显示div
我想在点击linkwithid按钮时显示id为flower的div，但它不起作用。这是我写的代码。。我还制作了一个jsbin页面向您展示 有什么建议吗Javascript 使用Jquery单击时显示div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在点击linkwithid按钮时显示id为flower的div，但它不起作用。这是我写的代码。。我还制作了一个jsbin页面向您展示 有什么建议吗 您可以使用下面修改过的jQuery来实现这一点，代码不起作用的原因是您的链接没有设置id按钮 $('#front a:first').on('click',function(e){ e.preventDefault(); $('#flower').show(); }) 您可以使用下面修改过的jQuery来实现这一点，代码不起作用的原
您可以使用下面修改过的jQuery来实现这一点，代码不起作用的原因是您的链接没有设置
id按钮
$('#front a:first').on('click',function(e){
e.preventDefault();
$('#flower').show();
})
您可以使用下面修改过的jQuery来实现这一点，代码不起作用的原因是您的链接没有设置id
按钮
$('#front a:first').on('click',function(e){
e.preventDefault();
$('#flower').show();
})
如果我没有错的话。。如果（按钮
）是您正在谈论的元素，则需要向按钮添加id
<div><p><a href="#" id="button">Button</a></p></div>
//-^^^^^^^^^^----here
$("#button").click(function (e) {
e.preventDefault();
$("#flower").show("slow");
});
如果我没有错的话。。如果（按钮
）是您正在谈论的元素，则需要向按钮添加id
<div><p><a href="#" id="button">Button</a></p></div>
//-^^^^^^^^^^----here
$("#button").click(function (e) {
e.preventDefault();
$("#flower").show("slow");
});
将jQuery库放在文档的head部分，如下所示
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
然后将此脚本放在
标记之前
<script>
$(function() {
$(".button").click(function () {
$("#flower").show("slow");
});
});
</script>
$（函数（）{
$（“.button”）。单击（函数（）{
$（“花”）。表演（“慢”）；
});
});
将jQuery库放在文档的标题部分，如下所示
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
然后将此脚本放在
标记之前
<script>
$(function() {
$(".button").click(function () {
$("#flower").show("slow");
});
});
</script>
$（函数（）{
$（“.button”）。单击（函数（）{
$（“花”）。表演（“慢”）；
});
});
您缺少该链接的id按钮
<a id="button" href="">Button</a>
您缺少该链接的id按钮
<a id="button" href="">Button</a>
试试这个
<div id="front">
<div><p><a id="button" href="">Button</a></p></div>
</div>
<div id="flower">
<img src="http://2.bp.blogspot.com/-Gaz8V9dP5O0/UUjtKJPofuI/AAAAAAAALDQ/boET2Ns34aU/s320/blooming-flowers-35.jpg" alt="flower"/>
</div>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(document).ready(
function(){
$("#button").click(function (e) {
e.preventDefault();
$("#flower").show("slow");
});
});
</script>
$（文件）。准备好了吗(
函数（）{
$（“#按钮”）。单击（功能（e）{
e、 预防默认值（）；
$（“花”）。表演（“慢”）；
});
});
试试这个
<div id="front">
<div><p><a id="button" href="">Button</a></p></div>
</div>
<div id="flower">
<img src="http://2.bp.blogspot.com/-Gaz8V9dP5O0/UUjtKJPofuI/AAAAAAAALDQ/boET2Ns34aU/s320/blooming-flowers-35.jpg" alt="flower"/>
</div>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(document).ready(
function(){
$("#button").click(function (e) {
e.preventDefault();
$("#flower").show("slow");
});
});
</script>
$（文件）。准备好了吗(
函数（）{
$（“#按钮”）。单击（功能（e）{
e、 预防默认值（）；
$（“花”）。表演（“慢”）；
});
});
您能解释一下函数（e）的作用吗？和preventDefault（）？e将元素发送到函数，preventDefault（）停止页面。您能解释一下函数（e）的功能吗？和preventDefault（）？e将元素发送到函数，preventDefault（）停止页面。