多库共存问题
问题:
如果有2个库都有$,就存在冲突。
解决:
jQuery库可以释放$的使用权,让另一个库可以正常使用,此时jQuery库只能使用jQuery了。
API:
jQuery.noConflict();
示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多库共存</title> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 100px; height: 100px; top: 50px; left: 10px; background: red; } </style> </head> <body> <script type="text/javascript" src="../js/myLib.js"></script> <script type="text/javascript" src="../js/jquery.min.js"></script> <script type="text/javascript"> //释放$的使用权,让另一个库可以正常使用 jQuery.noConflict(); //使用的是myLib.js中的$ $(); //使用jQuery jQuery(function () { jQuery(‘body‘); }); </script> </body> </html>