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

});