Помогите перекодировать простой 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 $ используется только для поиска элементов по идентификатору, а $$ для всего остального. Таким образом, вышесказанное может быть реализовано как:

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

.hide () и.show() - это ярлыки, которые являются частью Element.Shortcuts в MooTools-More, но вы можете определить их сами, если хотите.

Но, если вы знакомы с синтаксисом jQuery и он делает вас продуктивным, закажите этот проект Mooj Лим Чи Аун. Это позволяет вам использовать почти jQueryish синтаксис в MooTools.

Если у вас нет особых причин использовать только MooTools, узнайте, как использовать MooTools с jQuery, в блоге Дэвида Уолша.

Если вы хотите использовать jQuery для DOM и MooTools для объектно-ориентированного удобства, ознакомьтесь с этой статьей Райана Флоренса.

И, наконец, для отличного сравнения обеих систем, ознакомьтесь с этой окончательной статьей Аарона Ньютона.