Javascript 如何更改img url？（带/类）

添加/删除animate in/out类它可以工作（），以及如何更改img url

新幻灯片=>添加gif=>开始gif动画=>（删除旧gif）下一张幻灯片=>添加gif

幻灯片1：

幻灯片2：

幻灯片3：

<ul class="animation-canvas">

<li class="slide-one animate-out">
<img src="none.png">
</li>

<li class="slide-two animate-in">
<img src="none.png">
</li>

<li class="slide-four">
<img src="active.gif">
</li>

</ul>

非常简单：

$('selector_to_img_tag').attr('src','what you want');

这很简单：

$('selector_to_img_tag').attr('src','what you want');

---

使用jQuery更改图像的src属性

HTML:

<img src="http://www.hdwallpapersdj.com/wp-content/uploads/2013/09/cartoon-1.jpg" width="100px" height="100px" />

<input type="button" value="Change Image" />

$("input").click(function(){
    var newImageUrl = "http://images2.fanpop.com/image/photos/14000000/Disney-Cartoon-wallpaper-classic-disney-14019904-1024-768.jpg";
    $("img").attr("src", newImageUrl);
});

---

使用jQuery更改图像的src属性

HTML:

<img src="http://www.hdwallpapersdj.com/wp-content/uploads/2013/09/cartoon-1.jpg" width="100px" height="100px" />

<input type="button" value="Change Image" />

$("input").click(function(){
    var newImageUrl = "http://images2.fanpop.com/image/photos/14000000/Disney-Cartoon-wallpaper-classic-disney-14019904-1024-768.jpg";
    $("img").attr("src", newImageUrl);
});

---

$（document）.ready（函数（）{$（'.slide-one.placeimg'）.attr（'src'，'slide_1.gif'）；$（'.slide-one.animate-out.placeimg'）.attr（'src'，'none.png'）；）；不起作用：（@developingidea placeimg类在哪里？@developingidea按照此操作使用多类选择器$（document）.ready（函数（）{$（'.slide one.placeimg'）.attr（'src'，'slide_1.gif'）；$（'.slide one.animate-out.placeimg'）.attr（'src'，'none.png'）；）不起作用：（@developingidea placeimg类在哪里？@developingidea按照此操作使用多类选择器