帮助将简单的jQuery转码为mootools

Question

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

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

Answer 1

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（）是MooTools-More中Element.Shortcuts一部分的快捷方式，但是您可以根据需要自行定义。

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

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

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

最后，为了对这两个框架进行详尽的并排比较，请查阅Aaron Newton的这篇权威文章 。