Javascript 冲突JQuery与网站原型_Javascript_Jquery

Javascript 冲突JQuery与网站原型

javascript jquery

Javascript 冲突JQuery与网站原型,javascript,jquery,Javascript,Jquery,我有一个使用原型的传统网站。但是我还想使用JQuery。当Prototype和JQuery都覆盖$符号时，如何在同一页面上使用它们默认情况下，jQuery使用“$”作为“jQuery”的快捷方式。但是，在jQuery和另一个库都已加载之后，您可以随时调用jQuery.noConflict（）来覆盖该默认值。例如： <html> <head> <script src="prototype.js"></script> <scrip

我有一个使用原型的传统网站。但是我还想使用JQuery。当Prototype和JQuery都覆盖

符号时，如何在同一页面上使用它们

默认情况下，jQuery使用“$”作为“jQuery”的快捷方式。但是，在jQuery和另一个库都已加载之后，您可以随时调用jQuery.noConflict（）来覆盖该默认值。例如：

<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').hide();
   </script>
 </head>
 <body></body>
 </html>


jQuery.noConflict（）；
//通过jQuery（…）使用jQuery
jQuery（文档）.ready（函数（）{
jQuery（“div”）.hide（）；
});
//将原型与$（…）等一起使用。
$（'someid'）.hide（）；

请参见默认情况下，jQuery使用“$”作为“jQuery”的快捷方式。但是，在jQuery和另一个库都已加载之后，您可以随时调用jQuery.noConflict（）来覆盖该默认值。例如：

<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').hide();
   </script>
 </head>
 <body></body>
 </html>


jQuery.noConflict（）；
//通过jQuery（…）使用jQuery
jQuery（文档）.ready（函数（）{
jQuery（“div”）.hide（）；
});
//将原型与$（…）等一起使用。
$（'someid'）.hide（）；

请参见类似于Elementenfresser的回答，我建议在使用jQuery.noConflict（）的基础上；您可以使用匿名函数包装整个jQuery代码，保持所有jQuery代码的完整性，而无需将所有“$”更改为“jQuery”

您可以将所有使用jQuery和匿名函数的javascript文件包装起来。您根本不需要将$更改为jQuery。这也是一种性能改进，因为函数中声明的所有变量都不会附加到全局范围，从而使应用程序更快

与Elementenfresser的回答类似，我建议在使用jQuery.noConflict（）的基础上；您可以使用匿名函数包装整个jQuery代码，保持所有jQuery代码的完整性，而无需将所有“$”更改为“jQuery”

除了使用

.noConflict（）

方法外，还可以定义jQuery代码的范围

<script>
(function($) {
//write your jQuery code here.

})(jQuery);
</script>


（函数（$）{
//在这里编写jQuery代码。
})（jQuery）；

除了使用

.noConflict（）

方法外，还可以定义jQuery代码的范围

<script>
(function($) {
//write your jQuery code here.

})(jQuery);
</script>


（函数（$）{
//在这里编写jQuery代码。
})（jQuery）；

如果您想使用速记，请

var j$ = jQuery.noConflict();

现在，您可以在jquery中使用j$而不是$

如果您希望能够使用一些速记，请执行以下操作

var j$ = jQuery.noConflict();

现在您可以在jquery中使用j$而不是$