在JQuery中设置Src属性的正确方法是什么?

Sha*_*awn 30 html javascript jquery

假设我有以下HTML:

<img id="foo" src="bar1.jpg"/>
Run Code Online (Sandbox Code Playgroud)

我想切换srcbar2.jpg

我可以这样做吗?

$("#foo").attr("src", "bar2.jpg");
Run Code Online (Sandbox Code Playgroud)

或者我必须这样做?

$("#foo").removeAttr("src");
$("#foo").attr("src", "bar2.jpg");
Run Code Online (Sandbox Code Playgroud)

谢谢!

Sar*_*raz 53

当你这样做:

$("#foo").attr("src", "bar2.jpg");
Run Code Online (Sandbox Code Playgroud)

之前src被替换了.

所以你不需要:

$("#foo").removeAttr("src");
Run Code Online (Sandbox Code Playgroud)

你可以在这里确认一下


jon*_*tar 6

第一个 wey 就很好,没有理由先将其删除。

$("#foo").attr("src", "bar2.jpg");
Run Code Online (Sandbox Code Playgroud)

$.attr 既可以获取现有属性,也可以更改它(取决于是否有一个或两个参数)。您的情况正是第二个功能的用途,并且属性“src”并不特殊。

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


med*_*iev 5

只是.attr('src', 'foo')因为你正在分配一个src不管。仅当您不需要它时才删除该属性。