Question

jQuery代码没有正确显示这些函数。什么都没发生。

<script type="text/javascript" src="/student/common/scripts/jquery.min.js">
</script>       
<script type="text/javascript">
    $(document.ready(function(){
        $("#Div1").click(function(){$("#Div1").css("font-size","40px")});
        $("#Div2").click(function(){$(this)
            .css({"background":"crimson","color":"blue"})
        $("#Div3").click(function(){$("div").css("background":"beige");});
        $("#Div4").click(function(){${(this_.hide();});
        $("#Div5").mouseover(function(){$(#Div4").show();});
    });
</script>

Answer 1

tl; dr ，将其更改为：

$(function() {
    $("#Div1").click(function() {
        $("#Div1").css("font-size", "40px");
    });
    $("#Div2").click(function() {
        $(this).css({ "background": "crimson", "color": "blue" });
    });
    $("#Div3").click(function() {
        $("div").css("background", "beige");
    });
    $("#Div4").click(function() {
        $(this).hide();
    });
    $("#Div5").mouseover(function() {
        $("#Div4").show();
    });
});

错字城市！以下是您需要解决的问题：

1）这一行：

$("#Div3").click(function(){$("div").css("background":"beige");});

应该是（冒号切换为逗号）：

$("#Div3").click(function(){$("div").css("background","beige");});

2）这一行：

$("#Div4").click(function(){${(this_.hide();});

应该是：

$("#Div4").click(function(){$(this).hide();});

3）这一行：

$("#Div5").mouseover(function(){$(#Div4").show();});

应该是（缺少"）：

$("#Div5").mouseover(function(){$("#Div4").show();});

4）您通过错过});来嵌套点击事件，将其放在$("#Div2")点击事件的末尾以添加缺失的});

jQuery Divs运行不正常

1 个答案:

tl; dr ，将其更改为：