如何在JQuery中获取CSS关键帧规则

我有一个外部CSS文件，比如my.CSS和内容：

@keyframes someName {  
  0% {   
    opacity: 0;  
    width: 100px; 
  }    
  100% {   
    opacity: 1;
    width: 200px;   
  }    
}  
@keyframes someName2 {  
  0% {   
    height: 100px; 
  }    
  100% {   
    height: 200px;   
  }    
} 

我想从中创建一个对象，其结构如下所示：

{
  somename : {
     0: { opacity: 0, width: 100 }
   100: { opacity: 0, width: 200 }
  }
  somename2: {
     0: { height: 10 }
   100: { height:  80 }
  }
}

在JQuery中如何实现这一点？我不是在寻找完整的代码。如何在JQuery中按名称访问CSS关键帧？大致如下：

  $('someCSS Selector').css('keyframes'...)?

---

@我知道如何使用动画。我的问题是将关键帧CSS转换为对象。@VXp处理创建动画而不是查询现有动画。@VXp不是重复的。OP想要得到，而不是设定。它是原生js，但比nothing@VXp是的，你的推荐信是一个很好的起点。希望我能得到一个JQuery，它可以处理规则类型（webkit关键帧、关键帧等）的浏览器问题