Question

我正在制作一个危险的游戏。当我点击一个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为网站上的导航设置动画。我错过了一些明显的东西吗？

Answer 1

您

$('#span2') // id selector

应该是

$('.span2') // class selector

因为它是一个类

Answer 2

您的问题是您使用的是#选择器，而不是id选择器，它是 dot {{1} }。

尝试

您可能希望了解有关官方class

上不同jQuery选择器的更多信息

Answer 3

你没有ID为“span2”的任何元素，它们都是CLASS = span2。

试试这个：

$(function() {    
 $('.span2').click(function() {
  $(this).hide(400);
 });
});

注意：如果您不想要这种行为，这将影响所有带有“span2”类的元素，然后对单个元素使用ID =“span2”，并为每个元素使用唯一的名称。

.hide不起作用

3 个答案: