0 
$(".container").hover(
     function(){
              $(".child-1").hide(0);
              $(".child-2").show(0);
     },function(){
              $(".child-1").show(0);
              $(".child-2").hide(0);
});

我的一个项目要求我使用 mootools，但我从未使用过 mootools，而 jquery 对我来说更有意义。有人可以告诉我这个例子在 mootools 中的样子吗？谢谢

4

1 回答 1

6

MooTools 使用两种速记方法：$和$$

<div id="someId">..</div>
<p class="someClass">..</p>

Jquery           | MooTools
-------------------------------
$("#someId")     | $("someId")
$(".someClass")  | $$(".someClass");

在 MooTools 中，$ 仅用于按 ID 搜索元素，$$ 用于其他所有内容。所以上面可以实现为：

$$(".container").addEvents({
    mouseenter: function() {
        $$(".child-1").hide();
        $$(".child-2").show();
    },
    mouseleave: function() {
        $$(".child-1").show();
        $$(".child-2").hide();
    }
});

.hide() 和 .show() 是Element.ShortcutsMooTools-More 中的快捷方法，但如果需要，您可以自己定义这些方法。

但是，如果您对 jQuery 语法感到满意并且它可以提高您的工作效率，请查看MoojLim Chee Aun 的这个项目。它允许您在 MooTools 中使用几乎 jQueryish 的语法。

如果您没有特别的理由只使用MooTools，请在 David Walsh 的博客上查看如何将MooTools 与 jQuery一起使用。

如果您想将 jQuery 用于 DOM，而将 MooTools 用于面向对象的优点，请查看Ryan Florence 的这篇文章。

最后，要对这两个框架进行很好的并排比较，请查看Aaron Newton 的这篇权威文章。

于 2010-04-07T07:42:07.253 回答