Question

我无法用jquery改变图像：发生什么事了？

<!DOCTYPE HTML>
<HTML>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script text="text/javascript">
$('#caccia').attr('src', '2.png');
</script>

<img id="caccia" src="1.jpg" />

</HTML>

Answer 1

这是因为你没有告诉你的脚本要等到DOM准备就绪，只需写下来。

$(function() {
    $('#caccia').attr('src', '2.png');
});

与此相同（通过这种方式可以更容易理解）。

$(document).ready(function() {
    $('#caccia').attr('src', '2.png');
});

另外，最好在使用JavaScript之前使用JavaScript </body> http://developer.yahoo.com/performance/rules.html#js_bottom

Answer 2

您需要将代码放在

中

$(function(){
    // your code here
});

这样，只有在渲染了DOM的所有元素时，脚本才会执行。

Answer 3

如果您只想在页面加载时更改图像：

你可以在jquery中做这样的事情：

$(document).ready(function(){
    $('#caccia').attr('src','2.jpg');
});

演示：http://jsfiddle.net/QJKWK/1/

Answer 4

试试这段代码

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

    <script text="text/javascript">
        $(document).ready(function() {
            $('#caccia').attr('src', '2.png');
        });
    </script>
    </head>
    <body>
    <img id="caccia" src="1.jpg" />
</body>

无法使用jquery更改图像中的src

4 个答案: