jquery - 什么是按类别切换图像的最快方法

我有一张图片清单

<img class="onOff" src="/Content/Images/on.png" />
<img class="onOff" src="/Content/Images/on.png" />
<img class="onOff" src="/Content/Images/on.png" />
<img class="onOff" src="/Content/Images/on.png" />
<img class="onOff" src="/Content/Images/on.png" />

并且我想更改所有图像的来源（通过使用类选择器.onOff，使上述每个图像都变为：

<img class="onOff" src="/Content/Images/off.png" />

通过jquery更改所有这些图像的最有效方法是什么？

最佳答案

在类选择器的前面加上标签：

$('img.onOff').attr('src', '/Content/Images/off.png');

但是，如果您有一些上下文（例如容器div），则也可以添加它以提高性能：

 $('img.onOff', '#containerDiv').attr('src', '/Content/Images/off.png');

如果这只是为了更改图像，请查看CSS Sprites。