在jQuery中有一个toggleSrc方法吗？

Question

jQuery是否有像toggleSrc :-p ??

这样的东西

我想在幻灯片的幻灯片上更改图像的src.is那样的东西让我有机会不写条件语句来检查图像的src以更改为另一个src。 （我不是很懒！）

Answer 1

没有内置方法，但你可以为它制作一个插件，例如：

$.fn.toggleSrc = function(onSuffix, offSuffix) {
  return this.attr("src", function(i, src) {
    return src.indexOf(onSuffix) != -1 ? src.replace(onSuffix, offSuffix)
                                       : src.replace(offSuffix, onSuffix);
  });
};

然后你会这样称呼它：

$("img").toggleSrc("_on", "_off");

......或者更安全：

$("img").toggleSrc("_on.jpg", "_off.jpg");

You can test it out here。有（通常）10个其他方法也可以这样做，这只是一个如何做到这一点并节省一些代码重复的例子。