.hide不工作
.hide不工作
提问于 2012-12-20 04:40:07
我在做一个危险的游戏。当我点击一个div时，我想对它做一些效果。然而，我甚至不能让一个简单的.hide工作。有什么想法吗？
<!DOCTYPE html>
<html lang="en">
<head>
<title>Jeopardy</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/customStyles.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/flip.js"></script>
</head>
<body>
<div class ="container">
<div class="row">
<div class="prizeAmount">
<div class="span2">
<h3 id="test">100</h3>
</div>
<div class="span2">
<h3>100</h3>
</div>
<div class="span2">
<h3>100</h3>
</div>
<div class="span2">
<h3>100</h3>
</div>
<div class="span2">
<h3>100</h3>
</div>
<div class="span2">
<h3>100</h3>
</div>
</div>
</div>
</div><!--close container-->
</body>
</html> javascript
$(function() {
$('#span2').click(function() {
$(this).hide(400);
/*$('#span2').hide(400); <--tried this also */
});
});我以前使用过jquery在站点上进行动画导航。我是不是漏掉了什么明显的东西？
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-12-20 04:43:30
您的问题是，您使用的是散列#，它是id选择器，而不是class选择器，它是一个点.。
试一试
$(function() {
$('.span2').click(function() {
$(this).hide(400);
});
});您可能需要在官方documentation上阅读更多关于不同jQuery选择器的信息
Stack Overflow用户
发布于 2012-12-20 04:41:07
你的
$('#span2') // id selector应该是
$('.span2') // class selector因为它是一个类
Stack Overflow用户
发布于 2012-12-20 04:41:53
您没有任何ID为"span2“的元素，它们都是CLASS=span2。
试试这个：
$(function() {
$('.span2').click(function() {
$(this).hide(400);
});
});注意:这将影响类为"span2“的所有元素，如果您不想要该行为，则对单个元素使用ID="span2”，并为每个元素使用唯一的名称。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13960787
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号