jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,这个问题 jquery早早就有给我们预留处理方法了
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多个jquery版本冲突解决方案</title> <script src="jquery.js"></script> <script> var j14 = jQuery.noConflict(true); </script> <script src="jquery-1.8.3.min.js"></script> <script > var j18 = jQuery.noConflict(true); </script> <script src="jquery-3.3.1.min.js"></script> <script > var j33 = jQuery.noConflict(true); </script> </head> <body> <input type="button" id="t1" value="测试1"> <input type="button" id="t2" value="测试2"> <input type="button" id="t3" value="测试2"> <script> j14(document).ready(function($){ //继续使用 jquery1.4 的 $ $("#t1").click(function(){ $(this).val("j14测试"); }) }) j18(document).ready(function($){ //继续使用 jquery1.8 的 $ $("#t2").click(function(){ $(this).val("j18测试"); }) }) j33(document).ready(function($){ //继续使用 jquery33 的 $ $("#t3").click(function(){ $(this).val("j33测试"); }) }) </script> </body> </html>