①jQuery在其他库加载之后
这种情况下，将使用JQuery.noConflict()函数来将$变量的控制权移交给其他JavaScript库。
例如：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head> <script type="text/javascript" src="./prototypes.js"></script> <!--jQuery库在其他库加载之后--> <script type="text/javascript" src="./JQuery.js"></script> <!--通过noConflict函数--> <script type="text/javascript"> //使用noConflict()方法 JQuery.noConflict(); JQuery(function(){ JQuery("p").click(function(){ alert(JQuery(this).text)); }); }); </script> </head> <body> <p>Hello World!</p> </body> </html>
②JQuery在其他库导入之前
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <!--jQuery库在其他库加载之前--> <script type="text/javascript" src="./JQuery.js"></script>< script type="text/javascript" src="./prototypes.js"></script> <!--通过noConflict函数--> <script type="text/javascript"> JQuery(function(){ //直接使用jQuery对象，无需noConflict函数 JQuery("p").click(function(){ alert(JQuery(this).text()); }); }); </script> </head> <body> <p>Hello World!</p> </body> </html>