JavaScript: jQuery 多库共存
jQuery版本不断更新,若最初使用的 jQuery 版本无法满足需求,这时就需要保证在旧有版本正常运行的情况下,新的功能使用新的jQuery版本实现,这种情况被称为,jQuery 多库共存。
解决方法如下:
<body> <script src="js/jquery-1.12.4.js"></script> <script src="js/jquery-3.7.0.js"></script> <script> //1.如何查看jQuery的版本? //通过jQuery文件名来查看jQuery的版本是不靠谱的做法. //通过以下四种方式可以查看jQuery的版本. // console.log(jQuery.fn.jquery); // console.log(jQuery.prototype.jquery); // console.log($.fn.jquery); // console.log($.prototype.jquery); //2.如果引入了多个jQuery文件. 那使用的$是哪一个jQuery文件中的呢? //那个文件后引入,使用的$就是谁的. // console.log($.fn.jquery); //3.多库共存 // var _$ = $.noConflict(); // 后面引入的 把 $的控制权 释放掉 // // // 自执行函数 // (function () { // // 在这个 自执行函数中, 就可以 继续使用 $了 // }(_$)); // // console.log(_$.fn.jquery); // 3.7.0 替代品 // // console.log($.fn.jquery); // 1.12.4 // console.log(jQuery.fn.jquery); // 3.7.0 //4.多库共存2 // console.log($); // console.log($.fn.jquery); var _$300 = $.noConflict(); // 3.0版本的 jQuery, 把 $ 的控制权 给释放了 // console.log($.fn.jquery); var _$1124 = $.noConflict(); // 1.12.4版本的 jQuery, 把 jQuery 的 控制权, 也给释放了 var $='我是$' console.log($); // '我是$' console.log(_$1124.fn.jquery); // 1.12.4 console.log(_$300.fn.jquery); // 3.7.0 </script> </body>