Javascript 使用jQuery选择，然后使用YUI设置动画？好主意？

jQuery的动画引擎对我来说不太好。它没有内置的轻松动画和彩色动画，我为它们使用的插件也不能始终正常工作

过去我对YUI的动画引擎有很好的经验。是否可以使用jQuery选择项，然后使用YUI设置它们的动画？下面是我当前的jQuery动画代码，用于在单击div时为其设置动画：

$("div.article").mousedown(function() {
    $(this).children(".box").animate({height:'+=100px', paddingTop: '24px'},300);   
    $(this).children(".box").children(".subBoxA").show().animate({opacity: "1"}, 500);  
});

如何将此函数中的动画转换为YUI3

---

（这是一个好主意吗？我是否应该将所有内容都转换为YUI3、选择器和所有内容？此外，如果这是一个愚蠢的问题，请原谅我，我是一个傻瓜）

这些javascript库的部分好处是，您可以用更少的代码获得大量的功能。通过同时包含JQuery和YUI，您可以快速增加页面的大小

---

如果使用jquery的唯一目的是选择DOM中的元素，那么一定要转换为YUI，因为它有许多相同的选择方法。如果您同时使用jquery和YUI的多个部分，那么现在就必须将它们混合使用。

如果您要为单个元素设置动画，可以执行以下操作：

YUI.use("anim", function (Y) {
    $("div.article").mousedown(function () {
        var el = $(this).children(".box")[0],
            anim;
        anim = new Y.Anim({
            node: el,
            /* animation configuration */
        });
        anim.run();
    });
});

顺便说一句，YUI不支持对多个元素进行开箱即用的动画制作，尽管您可以使用tween事件来实现它

---

不过，我想你最好还是用它。它提供彩色动画和高级轻松。

感谢您的回复。我确实使用jQuery不仅仅是为了选择，所以我不想完全抛弃它。但这是我的问题。我将如何将上述函数中的动画转换为YUI3，同时保持jQuery的完整性？非常感谢。这个例子解释了如何将jQuery和YUI结合使用。我真的很感激。谢谢你给我展示jqueryui！这基本上解决了我在jQuery的动画引擎中遇到的所有问题。令人惊叹的！再次感谢。我从上下文推断提问者已经在他的代码中使用了jQuery，并考虑只为动画模块添加YUI。