Javascript 通过JS添加类

我有一些JS在点击时切换网格img。它还将href延迟到第二次单击。因此，允许切换到img显示

我想做的是，在第一次单击时，还要添加一个类，以便运行另一个JS代码（打字机效果）

这是切换img的JS：

$（文档）.ready（函数（）{
$（'#s1'）。单击（函数（e）{
如果（！$（此）.is（“[src*=”开关“]））{
$（'s1'）.attr（'src'，'img/switch/switch-1.jpg'）；
$（'#s2'）.attr（'src'，'img/box-2.jpg'）；
$（'s3'）.attr（'src'，'img/box-3.jpg'）；
$（'#s4'）.attr（'src'，'img/box-4.jpg'）；
$（'#s5'）.attr（'src'，'img/box-5.jpg'）；
$（'#s6'）.attr（'src'，'img/box-6.jpg'）；
$（'s7'）.attr（'src'，'img/box-7.jpg'）；
$（'#s8'）.attr（'src'，'img/box-8.jpg'）；
$（'s9'）.attr（'src'，'img/box-9.jpg'）；
$（'#s10'）.attr（'src'，'img/box-10.jpg'）；
返回false；
}
});
});
我想做的是在第一次单击时，也添加一个类

如果您只想添加类，为什么不使用：

$('#s1').click(function(e) {
    $(this).addClass('new_class');
});

注意：如果发布的代码是您的真实情况，您可以使用以下循环避免重复的代码：

var start_index = 2;
var end_index = 10;

for(var i = start_index; i<= end_index; i++){
    $('#s' + i).attr('src', 'img/box-' + i + '.jpg');
}

var启动指数=2；
var end_指数=10；
对于（var i=start_index；iooof），代码中似乎存在大量不必要的冗余/膨胀。请使用addClass将新类添加到元素中。有关更多信息，请参阅jQuery文档：嗨，Zakaria，是的，有很多帮助，感谢循环。我还将稍微研究一下如何简化代码。非常感谢。