Javascript jQuery使用数组使代码更短
谁能帮我把这个jQuery代码改短一点吗 HTML代码:Javascript jQuery使用数组使代码更短,javascript,jquery,html,Javascript,Jquery,Html,谁能帮我把这个jQuery代码改短一点吗 HTML代码: <div id="blinker1"><img src="aaa.png" /></div> <div id="blinker2"><img src="bbb.png" /></div> <div id="blinker3"><img src="ccc.png" /></div> <div id="blinker4"&
<div id="blinker1"><img src="aaa.png" /></div>
<div id="blinker2"><img src="bbb.png" /></div>
<div id="blinker3"><img src="ccc.png" /></div>
<div id="blinker4"><img src="ddd.png" /></div>
<div id="blinker5"><img src="eee.png" /></div>
jQuery代码:
function smBlink(){
//blink 3times
for(i=0;i<3;i++) {
$("#blinker1, #blinker2, #blinker3, #blinker4, #blinker5").fadeTo('normal', 0.3).fadeTo('normal', 1.0);
}
};
函数smBlink(){
//眨眼3次
对于(i=0;i您可以使用:
这将允许您根据需要添加/删除具有匹配ID的元素
如果您能够修改标记,则使用共享类名替换id
属性会更有效。然后您可以使用普通的类选择器:
$(".blinker").fadeTo('normal', 0.3).fadeTo('normal', 1.0);
这种方法意味着选择器引擎可以利用本地getElementsByClassName
函数的速度(如果可用)。以下是一种解决方案:
$("div[id^='blinker']").fadeTo("normal", 0.3).fadeTo("normal", 1.0);
$("div").filter(function() {
return /^blinker\d+$/.test(this.id);
}).fadeTo("normal", 0.3).fadeTo("normal", 1.0);
下面是另一个更精确的解决方案:
$("div[id^='blinker']").fadeTo("normal", 0.3).fadeTo("normal", 1.0);
$("div").filter(function() {
return /^blinker\d+$/.test(this.id);
}).fadeTo("normal", 0.3).fadeTo("normal", 1.0);
函数smBlink(){
//眨眼3次
对于(i=0;i,我将向所有div添加一些公共类
<div class="blinker" id="blinker1"><img src="aaa.png" /></div>
<div class="blinker" id="blinker2"><img src="bbb.png" /></div>
<div class="blinker" id="blinker3"><img src="ccc.png" /></div>
<div class="blinker" id="blinker4"><img src="ddd.png" /></div>
<div class="blinker" id="blinker5"><img src="eee.png" /></div>
除此之外:
function smBlink(){
//blink 3times
for(i=0;i<3;i++) {
$(".blinker").fadeTo('normal', 0.3).fadeTo('normal', 1.0);
}
};
函数smBlink(){
//眨眼3次
对于(i=0;iWow!这太快了,太聪明了。我想不起这个方法了。Thaaax!@norixxx-不客气,很高兴我能帮上忙:)Thanx。简单而聪明的解决方案。