Question

HTML：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jQuery/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/script1.js" type="text/javascript"></script>
</head>
<body>

<div>
    <ul>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
    </ul>

</div>    

</body>
</html>

有效的脚本：

$(document).ready(function () {
$('li:nth-child(2)').fadeOut('fast');
});

现在我只是使用一个变量做同样的事情而且它不再起作用了。

var $var = $('li:nth-child(2)');
$(document).ready(function () {
$var.fadeOut('fast');
});

任何人都可以告诉我正确的语法。我刚开始学习jQuery并且知道它可能是一个简单的错误，但我无法弄明白。提前致谢。：）

Answer 1

document ready function实际存在时将其放入li：

$(document).ready(function () {
   var $var = $('li:nth-child(2)');
   $var.fadeOut('fast')
});

Answer 2

需要在$(document).ready(function() { }

内分配变量

jQuery使用变量访问元素

2 个答案: