😅👌Multiple versions jquery (ok)

https://github.com/roytuts/jquery/tree/master/multiple-versions-jquery

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <title>Use Multiple Versions of jQuery on the Same Page</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  <script>
    var $jq360 = jQuery.noConflict(true);
  </script>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script>
    var $jq132 = jQuery.noConflict(true);
  </script>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script>
    var $jq1111 = jQuery.noConflict(true);
  </script>
  <script type="text/javascript">
    $jq360(document).ready(function() {
      console.log($jq360().jquery); // This prints v3.6.0
      $jq360("div#jQuery360").css("color", "green"); // Change text color
    });
    $jq132(document).ready(function() {
      console.log($jq132().jquery); // This prints v1.3.2
      $jq132("div#jQuery132").css("color", "pink"); // Change text color
    });
    $jq1111(document).ready(function() {
      console.log($jq1111().jquery); // This prints v1.11.1
      $jq1111("div#jQuery1111").css("color", "violet"); // Change text color
    });
  </script>
</head>
<body>
  <div id="jQuery360">Hello, I am jQuery 3.6.0</div>
  <div id="jQuery132">Hello, I am jQuery 1.3.2</div>
  <div id="jQuery1111">Hello, I am jQuery 1.11.1</div>
</body>
</html>

PreviousAdd elements dynamically full (ok)NextCách sử dụng jQuery trong sweetAlert2 là chúng ta phải sử dụng didOpen full (ok)

Last updated