Introduction To Jquery

Jquery is a library of JavaScript. It is cross-platform means the script code you write in Jquery is supported by all the versions of browsers and operating systems. The library means it is written in JavaScript.

We can also use JavaScript code (functions, properties, etc.) in Jquery because it is JS library.

Jquery was developed by-

John Resig

We can do everything in Javascript client-side scripting language that Jquery does. But at this point, you man think then why should we use Jquery. The answer is the simplicity of code.

Features of Jquery

Effects and Animations
DOM (document object modal) element selection
CSS manipulations
Events such as mouse and keyboard events.
Extensibility
Supports all browsers versions (cross-platform)
AJAX (Asynchronous JavaScript and XML)
JavaScript plugins

You need its CDN or download it to use in your project. Google and MicroSoft are jQuery CDN providers.

Jquery default CDN by Google

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

jQuery default CDN by Microsoft

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>

Jquery UI CDNs by Cloudflare

Jquery UI is for user interface designing. You can design HTML buttons, checkbox, etc. and create tabs, accordion, tooltip, etc. To use Jquery UI you have to link jquery default and Jquery UI (.CSS and .JS) both CDNs. Cloudflare is the CDN provider for Jquery UI.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" />

Why should you use Jquery CDN?

When you use CDN then it is cached in the browser. So when you open a web page, it opens fast because it loads from the browser cache. That's why you should always use CDN instead of downloading Jquery.

Jquery Syntax

<script>

$(document).ready(function(){
  // Write jquery code here.
});

</script>