import jquery js code example

Example 1: jquery script tag

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

// Put this script in the head of your index.html to load jQuery
// The Google Hosted Libraries is a stable, reliable, high-speed, 
// globally available content distribution network for the most popular, 
// open-source JavaScript libraries.

// Google works directly with the key stakeholders for each library effort 
// and accepts the latest versions as they are released.

Example 2: javascript import jquery

//add this line somewhere in the html
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

Example 3: how to import jquery in js file

var script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-3.4.1.min.js';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);

Example 4: import jquery into js file

var script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-3.4.1.min.js';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);

Example 5: how to use jQuery

<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>jQuery</title>
  </head>
  <body>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script>
      //jQuery code
    </script>
  </body>
</html>

Example 6: jquery import js file

$.getScript('ajax/test.js', function() {
    alert('Load was performed.');
});

Tags:

Shell Example

Recent Posts