jQuery對象屬性而不是類

Question

$('a').on('click', function() { 
    var link = $(this); 

    if (!link.hasClass('animated')) { 
    link.addClass('animated'); 

    // css3 animation 

    // callback 
    setTimeout(function() { 
     link.removeClass('animated'); 
    }, 600); 
    } 
    } 
}); 

我使用此代碼來防止動畫閃爍。它會在製作動畫之前檢查動畫類的存在。由於性能不佳，我不使用animate功能。

所以我明白，每次我要求做某些事情時，我都會影響DOM。

我想知道我是否可以在link對象上使用其他屬性而不是使用類？像：

link.animated = true; 

if (link.animated) { 
    // code 
} 

link.active = true; 

以下列方式使用它們是否安全？我可以面對的任何問題（緩存或whatelse）？

Answer 1

使用data()方法相關的數據存儲與一個元素：

var $link = $(this); 

//set 
$link.data({ foo: 1 }); 

//get 
var foo = $link.data('foo'); 

Answer 2

嘗試使用.data()代替類

$('a').on('click', function() { 
    var link = $(this); 

    if (!link.data('animation')) { 
     link.data('animation', true); 

     // css3 animation 

     // callback 
     setTimeout(function() { 
      link.data('animation', false); 
     }, 600); 
    } 

});