how to use jquery

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

View another examples Add Own solution

4.14

Awgiedawgie 440215 points

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

Thank you! 7

4.14 (7 Votes)

Awgiedawgie 440215 points

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

Thank you! 2

5 (2 Votes)

3.8

Phoenix Logan 186120 points

                                    &lt;!--You can insert Jquery into HTML with the &lt;script&gt; tag in the &lt;head&gt;--&gt;
&lt;!--Insert the next line of code into your &lt;head&gt; tags.--&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js&quot;&gt;&lt;/script&gt; &lt;!-- jquery (help with javascript) --&gt;

Thank you! 5

3.8 (5 Votes)

4.33

Awgiedawgie 440215 points

                                    &lt;!-- First either download, or use CDN and reference it --&gt;
&lt;!-- Here we grab it from a CDN --&gt;
&lt;script
  src=&quot;https://code.jquery.com/jquery-3.4.1.js&quot;
  integrity=&quot;sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=&quot;
  crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;

&lt;!-- Lets say we have some &lt;p&gt;, with simple text 
	 we give it an id --&gt;
&lt;p id=&quot;example&quot;&gt;Hello, world&lt;/p&gt;

&lt;!-- We shall now play around with this element using jQuery --&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
	// 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(&quot;Goodbye everybody, I've got to go&quot;);
  
  	// Our example p element text will have changed :)
&lt;/script&gt;

Thank you! 3

4.33 (3 Votes)

Phoenix Logan 186120 points

                                    &lt;script
  src=&quot;https://code.jquery.com/jquery-3.4.1.js&quot;
  integrity=&quot;sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=&quot;
  crossorigin=&quot;anonymous&quot;
&gt;&lt;/script&gt;

Thank you! 1

3 (1 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category Html

Html 2022-03-27 21:55:05 how to kill html
Html 2022-03-27 21:55:02 How to create web urls without extensions
Html 2022-03-27 21:45:11 space between 2 h tags without break
Html 2022-03-27 21:40:13 how to resize submit button in html
Html 2022-03-27 20:40:18 https://www.codegrepper.com
Html 2022-03-27 19:55:09 show image inside table with innerhtml
Html 2022-03-27 19:30:47 html email input
Html 2022-03-27 18:45:01 how to add favicon in html
Html 2022-03-27 18:15:21 picture html
Html 2022-03-27 18:15:11 ex: javaasdasdasdasd

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

how to use jquery

Welcome Back!

Create a Free Account