What's The Correct Way To Set Src Attribute In JQuery?

Question

Suppose I have the following HTML:

<img id="foo" src="bar1.jpg"/> 

I would like to switch the src to bar2.jpg

Can I just do this?

$("#foo").attr("src", "bar2.jpg"); 

Or do I have to do this?

$("#foo").removeAttr("src"); $("#foo").attr("src", "bar2.jpg"); 

Thanks!

Answer 1

When you do this:

$("#foo").attr("src", "bar2.jpg"); 

The previous src is replaced.

So you don't need:

$("#foo").removeAttr("src"); 

---

You can confirm it out here

Answer 2

The first wey is just fine, no reason to remove it first.

$("#foo").attr("src", "bar2.jpg"); 

$.attr serves both to get the existing attribute and to change it (depending on whether theres one or two arguments). Your situation is exactly what he second functionality is intended for, and the attribute 'src' is not special.

http://api.jquery.com/attr/