jQuery Div 没有正确执行 [关闭]答案

【问题标题】：jQuery Divs aren't performing correctly [closed]jQuery Div 没有正确执行 [关闭]
【发布时间】：2013-10-01 21:59:35
【问题描述】：

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>

【问题讨论】：

$(document.ready(function(){ 应该是$(function() {
您没有在控制台中看到任何语法错误吗？提示$(document. 应该是$(document).
^^ #Div2 行上缺少这个，加上右括号。
这个问题是题外话，因为它是关于一堆错别字
自己调试代码 :) developers.google.com/chrome-developer-tools/docs/…

标签： javascript jquery function html

【解决方案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") 点击事件的末尾以添加缺少的});

【讨论】：