import jquery
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>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);<!-- First either download, or use CDN and reference it -->
<!-- Here we grab it from a CDN -->
<script
src="https://code.jquery.com/jquery-3.4.1.js"
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
crossorigin="anonymous"></script>
<!-- Lets say we have some <p>, with simple text
we give it an id -->
<p id="example">Hello, world</p>
<!-- We shall now play around with this element using jQuery -->
<script type="text/javascript">
// The vanilla way of accessing our example p element is
var e = document.getElementById('example');
// Then we would faff about with 'e'
// With jQuery we can get it like...
var ej = $('#example');
// jQuery has its own methods, instead of innerText and
// all those similar properties, we can do
$('#example').text("Goodbye everybody, I've got to go");
// Our example p element text will have changed :)
</script><script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script
src="https://code.jquery.com/jquery-3.4.1.js"
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
crossorigin="anonymous"
></script>//add this line somewhere in the html
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>