mootools_一起使用jQuery和MooTools

左手的ㄟ右手 2023-02-21 15:29 6阅读 0赞

mootools

There's yet another reason to master more than one JavaScript library: you can use some of them together! Since MooTools is prototype-based and jQuery is not, jQuery and MooTools may be used together on the same page.

掌握多个JavaScript库的另一个原因是：您可以将其中一些一起使用！ 由于MooTools是基于原型的，而jQuery不是基于原型的，因此jQuery和MooTools可以在同一页面上一起使用。

[View Demo][] [观看演示][View Demo]

## XHTML和JavaScript **(**The XHTML and JavaScript**)** ##

<p>jQuery sets this paragraph's color to red but MooTools sets the border color.</p>
    <script type="text/javascript" src="jquery-1.3.js"></script>
    <script type="text/javascript">
    	//no conflict jquery
    	jQuery.noConflict();
    	//jquery stuff
    	(function($) {
    		$('p').css('color','#ff0000');
    	})(jQuery);
    </script>
    <script type="text/javascript" src="moo1.2.js"></script>
    <script type="text/javascript">
    	//moo stuff
    	window.addEvent('domready',function() {
    		$$('p').setStyle('border','1px solid #fc0');
    	});
    </script>

jQuery is namespaced so the `$` function is free for MooTools to take hold of. The jQuery code passes jQuery to itself and then we call the argument `$`, thus jQuery is contained, so to speak.

jQuery具有命名空间，因此`$`功能免费供MooTools使用。 jQuery代码将jQuery传递给它自己，然后我们调用参数`$` ，因此可以说包含了jQuery。

[View Demo][] [观看演示][View Demo]

Obviously including two libraries within the same page is resource-consuming but if it's acceptable to the project and allows you to implement plugins from each library quickly, this may be a great option for you.

显然，在同一页面中包含两个库很耗资源，但是如果项目可以接受并允许您快速实现每个库中的插件，那么这对您来说是个不错的选择。

> 翻译自: [https://davidwalsh.name/jquery-mootools][https_davidwalsh.name_jquery-mootools]

mootools

[View Demo]: https://davidwalsh.name/demo/moo-and-jquery.php
[https_davidwalsh.name_jquery-mootools]: https://davidwalsh.name/jquery-mootools