Question

我使用变量来引用html div元素，但它不起作用。谁能告诉我如何解决？

html代码：

<body>
<button id="btn1" type="button">ClickMe</button><br />
<div id="div1" style="background-color:red;"></div>
</body>

jquery代码：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
var dv1 = $("#div1");

$(document).ready(function(){
  $("#btn1").click(function(){
    dv1.fadeToggle("slow");
  });
});
</script>

Answer 1

尝试将变量dv1放在DOM就绪处理程序中：

$(document).ready(function(){
    var dv1 = $("#div1");
    $("#btn1").click(function(){
        dv1.fadeToggle("slow");
    });
});

JQuery引用变量不起作用

1 个答案: