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

Question

我有一个图像列表

<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更改所有这些图像的最有效方法是什么？

Answer 1

使用标记为类选择器添加前缀:

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

但是,如果您有一些上下文(例如容器div),您也可以添加它以提高性能:

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

如果这只是为了改变图像,请看一下CSS Sprites.