jquery - JQuery - 动态 Img Src Attr 更改

Question

有人可以解释一下，这段代码有什么问题。在 Web 浏览器中打开 html 后，图像不会每隔一段时间动态更改。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Blinking Text</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    var x;
        setInterval(function() {
                if(x == 0) {
                        $('blinking').attr('src', "http://www.example.com/images/banner1.png");         
                        x = 1;
                } else  {
                    if(x = 1) {
                        $('blinking').attr('src', "http://www.example.com/images/banner2.png");             
                        x = 0;
                    }
                }
        }, 750);
});
</script>
</head>
<body>  
    <div class="blinking"><img src="http://www.example.com/images/banner1.png"></img></div>
</table>    
</body>
</html>

提前致谢

score 3 · Accepted Answer

您忘记添加class selector图像。

$('.blinking img')

$('.blinking img')表示您正在选择imagewho parentis blinking div。

score 2 · Accepted Answer

问题在于 jQuery 选择器$('blinking')

如果您按班级选择，则应该是$('.blinking img'). 注意.

score 1 · Accepted Answer

This $("blinking") doesn't mean anything to jQuery it thinks you are looking ro and element blinking if you are selecting class you need to specify its prefix selector example:

//CLASS
$(".blinking")
//ID
$("#blinking")

I suggest you to read this

score 1 · Accepted Answer

$('div.blinking img');

$('div.blinking')-->div与类blinking.

$('div.blinking img');--> 父级为 div 且类闪烁的图像。

jquery - JQuery - 动态 Img Src Attr 更改

4 回答 4

Related

Reference