javascript - jQuery Div 没有正确执行

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;博士，将其更改为：

$(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")以添加缺少的});