将Javascript代码重新写入jQuery

如何在jQuery中编写下面的代码，并将其应用于所有元素w/类名称为

something

。我正在尝试应用于由类指定的多个元素，而不仅仅是id指定的单个元素

更具体地说，我正在研究并试图使它在类上工作，而不仅仅是一个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'));

（功能（a、b、c）{
setInterval（函数（）{
为了(
b=0；
b它也会起作用

$('.something').show();

解释一下

$('.something').fadeIn();

摘自SLaks的答案

$('.something')

将使用.something类和fadeIn（）获取所有元素是一个内置的jquery方法，它会将相关元素的不透明度从0更改为1。请注意，如果您的元素的不透明度为1，并且您调用fadeIn，我认为它会闪烁并淡入。jquery网站上可以找到除fadeIn之外的许多其他jquery实用程序

$('SELECTOR')

选择器可以是任何css选择器，例如

$('#myID .something')
$('#myID > .something')
$('#myID .something:first-child')
$('div.className #myid')

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);

$（'.something'）。每个（函数（）{
对于（i=0；i<8；i++）
{
$（本）。追加（“•”）；
}
});
setInterval（函数（）{
$（'.b'）。每个（函数（）{
$（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);

您可能还希望了解以下内容，这些内容还可以在不使用图像的情况下创建加载微调器：





哇。像这样一团乱七八糟的东西是从哪里来的？@MattBall可能有点像；-）^Yup lol.；）@MattBall，请参见：。我已将
getElementById
更改为
getElementsByClassName
，因为我希望它可以应用于许多
类，而不仅仅是一个
id
。应该更具体地说明代码的设计目的，请参见上面我更新的问题。^我对jsf一笑置之IDdle感谢您的回答。我了解在jQuery中CSS选择器的使用，但如何将函数包装到类选择器目标中？请重新阅读我的问题，以了解我试图实现的目标。