如何在 jQuery 中编写下面的代码并将其应用于带有 something
类名的所有元素。我正在尝试获取 https://gist.github.com/1129073应用于由类指定的多个元素,而不是仅应用于由 id 定位的单个元素。
更具体地说,我正在查看 http://jsfiddle.net/fgnass/9BkjZ/并尝试使其适用于类而不仅仅是 id,因此它可以应用于许多元素。
(function(a,b,c){
setInterval(function(){
for(
b=0;
b<8;c||(a.innerHTML+='<i><b>'),
a.childNodes[b].style.opacity=(++b-~c)%8*.1+.2);
c=-~c
},99)
})(document.getElementsByClassName('something'));
上面的代码仅适用于使用 时带有
作为最后一行。someting
类名的第一个元素})(document.getElementsByClassName('something')[0]);
最佳答案
这段 jQuery 应该和你的 javascript 做同样的事情。
$('.something').each(function() {
for (i = 0; i < 8; i++)
{
$(this).append('<b class="b' + i + ' o' + i + '" data-opacity="' + i + '"><i>•</i></b>');
}
});
setInterval(function() {
$('.something b').each(function () {
$(this).removeClass('o' + $(this).attr('data-opacity'));
$(this).attr('data-opacity', (parseInt($(this).attr('data-opacity')) + 1) % 8);
$(this).addClass('o' + $(this).attr('data-opacity'));
});
}, 99);
您可能还想看看以下内容,它也可以在不使用图像的情况下创建加载微调器:
http://fgnass.github.com/spin.js/
http://cssload.net/
http://www.jquery4u.com/animation/10-css3-jquery-loading-animations-solutions/
关于javascript - 将 Javascript 代码重写为 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12713499/