How to multiple version of jQuery?

Yes. You can use multiple versions of jQuery on the same page. To avoid any kind of conflict, use the jQuery.noConflict() method.
<script>var $jq = jQuery.noConflict(true);</script> <script> $(document).ready(function(){ $("button").click(function(){ alert($().jquery); alert($jq().jquery); }); }); </script>
While executing code, $.noConflict() method to give control of the $ variable back to whichever library first implemented it.
run this source code Browser View
Full Source
<html> <head> <title>Multiple Version</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script>var $jq = jQuery.noConflict(true);</script> <script> $(document).ready(function(){ $("button").click(function(){ alert($().jquery); // This prints v3.3.1 alert($jq().jquery); // This prints v1.4.2 }); }); </script> </head> <body> <button>Check Multiple version</button> </body> </html>

jQuery.noConflict() method

jQuery.noConflict() method allows you to use multiple frameworks , while using jQuery. The noConflict() method releases the hold on the $ shortcut identifier, so that other scripts can use it. In jQuery's case, $ is just an alias for jQuery, so all functionality is available without using $. In case of multiple versions of jQuery are loaded (which is not recommended), calling $.noConflict(true) from the second version will return the globally scoped jQuery variables to those of the first version.