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 は、 との 2 つの省略形の方法を使用します。$$

<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 のブログで jQuery で MooToolsを使用する方法を確認してください。

DOM に jQuery を使用し、オブジェクト指向の利点に MooTools を使用したい場合は、Ryan Florence によるこの記事をチェックしてください。

最後に、両方のフレームワークを並べて比較するには、Aaron Newton によるこの決定的な記事をチェックしてください。

于 2010-04-07T07:42:07.253 に答える