如何在jQuery中使用YUI Node？

Question

我正在使用门户软件，它使用YUI库作为其本机JS Framework，我想在各种YUI节点上使用jQuery。

有人可以告诉我这是怎么做到的吗？我试过以下但没有成功......

YUI().use('node', function (Y) {
    var oneElementById     = Y.one('#foo');
    $(oneElementById).css('color','red');

});

Answer 1

对于您在示例中所做的事情，您可以执行以下操作：

var nativeDomElementById = Y.one('#foo').getDOMNode();
$(nativeDomElementById).css('color','red');

一般来说，为了使YUI和jQuery之间的流畅性，请参阅Kevin提到的http://jsrosettastone.com网站。在YUI和jQuery之间“跨越流”时必须要小心，因为它们在节点和节点周围使用不同的抽象。事件

如果您在YUI沙箱中一起使用jQuery和YUI - 比如说，您想在YUI旁边加载一个jQuery插件，YUI 3 Cookbook中的这个食谱可能会有所帮助：https://github.com/evangoer/yui3-cookbook/blob/master/examples/loading/use_jquery.html

如果您遇到困难，请访问freenode.net上的#yui IRC频道。祝你好运！

Answer 2

你为什么要那样做？ 做你想要的只是使用setStyle而不是css，api非常相似JS Rosetta stone jquery and yui api comparison