2

以下のコードを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]);

4

3 に答える 3

2

このjQueryのビットは、JavaScriptと同じことを行う必要があります。

$('.something').each(function() {
    for (i = 0; i < 8; i++) 
    {
        $(this).append('<b class="b' + i + ' o' + i + '" data-opacity="' + i + '"><i>•&lt;/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/

于 2012-10-04T00:20:56.143 に答える
0

それも動作します 

$('.something').show();
于 2012-10-03T17:16:24.060 に答える
0

少し説明します

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

SLaksの回答から取得

$('.something')

は.somethingクラスですべての要素を取得し、fadeIn（）は組み込みのjqueryメソッドであり、問​​題の要素の不透明度を0から1に変更します。要素の不透明度が1である場合は、フェードイン、ちらつきとフェードインになると思います。fadeIn以外にもjqueryのWebサイトにあるjqueryユーティリティがたくさんあります。

$('SELECTOR')

SELECTORは、たとえば任意のcssセレクターにすることができます

$('#myID .something')
$('#myID > .something')
$('#myID .something:first-child')
$('div.className #myid')
于 2012-10-03T17:27:12.460 に答える