Add Jquery To Html Code Example


Example 1: import js in html

<script type="text/javascript" src="yourfile.js"></script>

Example 2: jquery cdn google

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

Example 3: html include jquery

<!-- Wrap inside the head tag --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Example 4: how to use jquery

<!-- 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>

Example 5: how to add jquery to html

<!--You can insert Jquery into HTML with the <script> tag.--> <head>   <script type = 'text/javascript' src = 'https://code.jquery.com/jquery-3.3.1.js'></script> </head>

Example 6: how to start using jQuery CDN

<script   src="https://code.jquery.com/jquery-3.4.1.js"   integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="   crossorigin="anonymous" ></script>

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable