浏览 11497 次
|
锁定老帖子 主题：与其他库一起使用jQuery
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2007-05-30
概要：
在jQuery库，几乎所有的jQuery插件都被约束在它的命名空间里，通常，“global”对象同样被存储在jQuery命名空间里，因些不会使它与其它库（如：Prototype, MooTools, or YUI）发生冲突。 注意，jQuery用"$"作为它自身的默认快捷方式。 "$"的功能： 当jQuery与其它库被加载后，你也可以不顾它的默认快捷方式而在任意一处通过调用jQuery.noConflict()函数来指定使用jQuery库，例如：
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
</script>
</head>
<body></body>
</html>
这将使$回到它的原始库里，你依然可以在其它的应用程序里使用"jQuery"。 另外，还有其它选项。如果你想确定jQuery不会与其它库冲突——但你又想自定义一个比较短快捷方式，你可以这么做：
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
var $j = jQuery.noConflict();
// Use jQuery via $j(...)
$j(document).ready(function(){
$j("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
</script>
</head>
<body></body>
</html>
你能够自定义你自己的备用名称（如：jq、$J、awesomequery——可以是任何你想要的）。 如果你不想给jQuery自定义其它备用名称（你更愿意使用$而不管其它库的$方法）而又不想与其它库相冲突时，以下的解决方法最常使用的。
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
// Put all your code in your document ready area
jQuery(document).ready(function($){
// Do jQuery stuff using $
$("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
</script>
</head>
<body></body>
</html>
对于你的大部分代码而言，这或许是最理想的方式，因为你可以以改变最少的代码来实现完全的兼容性。 参考：适合jQuery的快捷表示方式 如果你不喜欢总是键入完整的"jQuery"，有一些可供替换的快捷方式： 重新指定jQuery为其它快捷方式 var $j = jQuery; 如果你想使用其它不同的库，这或许是最好的方法。 使用下列方法，可以指定在一块代码内使用"$"：
function($) { // some code that uses $ })(jQuery)
备注：如果你使用了这种方法，在这块代码中你将不能使用"$"来调用Prototype方法，因为你选择了在这块代码中唯一使用jQuery方法。 使用以下方法来实现DOM ready event:
jQuery(function($) { // some code that uses $ });
备注：同样，在这个代码块里你也还有调用Prototype方法。 原文档http://docs.jquery.com/Using_jQuery_with_Other_Libraries 翻译有错漏的地方请多多指正，共同完善。 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2007-09-02
为什么
function $(id){ return document.getElementById(id); } 必须要比jQuery先引入呢? |
| 返回顶楼 | |
