jQuery basics

jQuery: The Write Less, Do More, JavaScript Library

Kevin Li
by Kevin Li 3:45 AM

 jQuery is a set of object-oriented simple and lightweight JavaScript Library. With jQuery, you can easily achieve cross-browser DOM operations, event handling, design page element dynamic effects, AJAX interaction, etc. with the smallest amount of code.

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

Taken from http://jquery.com/

What is the code length of jQuery?

$('p.neat').addClass('ohmy').show('slow');

Talk about the good of jQuery

  1. Official document details (important)
  2. Concise and not bulky, about 32kB after compression (v1.12.4)
  3. As long as you have a basic knowledge of JavaScript, you don’t have to learn a lot of new syntax
  4. Don't worry about cross-browser issues, jQuery has done it for you (IE, Firefox, Safari, Opera, Chrome)
  5. Support CSS3 selector
  6. The community is active, you can have a lot of people write free plugins to use
  7. It does not conflict when used with other libraries (jQuery.noConflict())

You'd better understand before learning jQuery

Before using jQuery easily, you must first understand basic JavaScript , CSS and HTML.

How to use jQuery

Download jQuery Library first http://jquery.com/download/

Then this JS files into your web page HTML <head>and </head>between

<script src="你的 jQuery 檔案路徑"></script>

Or load jQuery through Google CDN (Benefits: free and fast)

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
Kevin Li

Posted by Kevin Li

Post a Comment

0 Comments