当前位置：文江博客话题详情

jQuery中有toggleSrc方法吗？

发布于 2024-10-08 11:30:05 字数 125 浏览 3 评论 0原文

jQuery 有没有类似toggleSrc :-p 的东西？

我想在div的slideToggling上更改图像的src。是否有类似的东西让我有机会不编写条件语句来检查图像的src以更改为另一个src。（我不懒！！！）

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

陈年往事 2024-10-15 11:30:05

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

$.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");

您可以在这里进行测试。（和往常一样）还有 10 种其他方法可以做到这一点，这只是如何做到这一点的一个示例，并且可以节省一些代码重复。

There isn't a built-in method for this, but you could make a plugin for it, for example:

$.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);
  });
};

Then you'd call it like this:

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

...or a big safer:

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

You can test it out here. There are (as usual) 10 other ways to do this as well, this is just one example of how to do this and save you some code repetition.

回复收藏 0 原文

~没有更多了~