jQuery framework overview

1. jQuery is a JavaScript function library. jQuery is a lightweight "write less, do more" JavaScript library. The jQuery library contains the following functions:

• HTML element selection

• HTML element manipulation

• CSS manipulation

• HTML event function

• JavaScript special effects and animation

• HTML DOM traversal and modification

• AJAX

• Utilities

##2.jQury Advantages

Lightweight, Powerful selector, excellent DOM operation encapsulation, reliable event processing mechanism, perfect Ajax, no pollution of top-level variables, excellent browser compatibility, chain operation mode, implicit iteration, separation of behavior layer and structure layer , Rich plug-in support:, complete documentation, open source.

3. There are many ways to add jQuery to a web page. You can use the following methods:

• Download jQuery library from jquery.com

• Load jQuery from CDN, such as loading jQuery from Google

4. Download jQuery from the official website

(1) Enter the official website (https://jquery.com/download/)

(2) Single Click the "Download jQuery" button to enter the download page

(3) There are two versions of jQuery available for download:

• Production version - used in actual websites, Has been streamlined and compressed.

• Development version - for testing and development (uncompressed, readable code)

(4) The jQuery library is a JavaScript file, you can reference it using the HTML <script> tag. <p>5. CDN configuration jQUery<p>If you do not want to download and store jQuery, you can also reference it through a CDN (Content Delivery Network). Staticfile CDN, Baidu, Youpaiyun, Sina, Google and Microsoft all have jQuery on their servers. If your site users are domestic, it is recommended to use domestic CDN addresses such as Baidu, Youpaiyun, Sina, etc. If your site users are foreign, you can use Google and Microsoft. For example, if you want to use Baidu's CDN, you can use the following method: <p><pre class='brush:php;toolbar:false;'>&lt;head&gt; &lt;script src=&quot;https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js&quot;&gt;&lt;/script&gt; &lt;/head&gt;</pre>6. jQuery syntax<p>jQuery syntax is to select HTML elements and perform certain operations on the selected elements. <p>Basic syntax: $(selector).action()<p><ul style="list-style-type: disc;"><li>Dollar sign definition jQuery<p><li>Selector (selector) "Query" and "Find" HTML elements<p><li>jQuery's action() performs operations on elements<p>Example:<p><ul style="list-style-type: disc;"><li>$(this).hide() - Hide the current element<p><li>$("p").hide() - Hide all <p> elements<p><li>$("p.test").hide() - Hide all <p> elements<p><li>$("#test" ).hide() - Hide the element with id="test"<p>7. jQuery entry function<p>$(document).ready(function(){<p> // Start writing jQuery code...<p>});<p>Abbreviation mode: <p>$(function(){<p> / / Start writing jQuery code...<p>});<p></script>

The above is the detailed content of jQuery framework overview. For more information, please follow other related articles on the PHP Chinese website!