Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p><strong>Get jQuery up and running in a minute or less:</strong></p> <p>Insert this into your HTML (most commonly in the head, but you can throw it before the end body tag too):</p> <pre><code>&lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt; </code></pre> <p>Then place a script element after your jQuery one. This would alert 'hello' after the DOM is ready.</p> <pre><code>&lt;script&gt;$(function() { alert('hello') });&lt;/script&gt; </code></pre> <p><strong>Read <a href="http://docs.jquery.com/Main_Page" rel="noreferrer">the documentation</a></strong>.</p> <p><strong>Using jQuery locally:</strong></p> <p>After you get a feel, try downloading jQuery locally to your computer, and link it from your script file. The structure is like so:</p> <pre><code>C:/web/index.html C:/web/js/jquery.js index.html: &lt;head&gt; &lt;script src="js/jquery.js"&gt;&lt;/script&gt; &lt;script&gt;$(function() { alert('hi') })&lt;/script&gt; &lt;/head&gt; </code></pre> <p>You have the advantage of relying on your saved version offline if you don't have the Internet/Wi-Fi. You can also make custom edits to the jQuery source and modify it at will.</p> <p><strong>Study the jQuery source [advanced]</strong></p> <p>Download the uncompressed version from:</p> <p><a href="http://code.jquery.com/jquery-latest.js" rel="noreferrer">http://code.jquery.com/jquery-latest.js</a></p> <p>After you've gained a bit of JavaScript/DOM knowledge try to take it apart step by step.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload