与其他库一起使用jQuery

最新推荐文章于 2023-04-25 13:19:27 发布

peirenlei

最新推荐文章于 2023-04-25 13:19:27 发布

阅读量267

点赞数

分类专栏： css javascript 文章标签： jquery prototype function jquery插件 mootools div

css javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

概要：
　　在jQuery库，几乎所有的jQuery插件都被约束在它的命名空间里，通常，“global”对象同样被存储在jQuery命名空间里，因些不会使它与其它库（如：Prototype, MooTools, or YUI）发生冲突。
　　注意，jQuery用"$"作为它自身的默认快捷方式。
　　
　　"$"的功能：
　　当jQuery与其它库被加载后，你也可以不顾它的默认快捷方式而在任意一处通过调用jQuery.noConflict()函数来指定使用jQuery库，例如：

Java代码

 
 <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方法。

peirenlei

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
与其他库一起使用jQuery

概要：　　在jQuery库，几乎所有的jQuery插件都被约束在它的命名空间里，通常，“global”对象同样被存储在jQuery命名空间里，因些不会使它与其它库（如：Prototype, MooTools, or YUI）发生冲突。　　注意，jQuery用"$"作为它自身的默认快捷方式。　　　　"$"的功能：　　当jQuery与其它库被加载后，你也可以不顾它的默认快捷方式而在任意一处通
复制链接

扫一扫