What Is jQuery?

Original Post : http://www.elated.com/articles/what-is-jquery/

What Is jQuery?

Create Free Flash Websites - Click Here

What is jQuery, and what can you do with it? This article provides a gentle introduction to jQuery and its uses.

jQuery logoIn this series of tutorials I’m going to explore jQuery— “The Write Less, Do More JavaScript Library”. If you code using JavaScript then you’ve probably already heard of jQuery — it’s by far the most popular JavaScript library in use today. For example, Microsoft, Twitter and ESPN all use jQuery on their sites.

To kick off the series, this article explains what jQuery is, and the kinds of things you can use it for.

So what is jQuery exactly?

jQuery is a library that makes it quicker and easier to build JavaScript webpages and web apps. Often with jQuery you can write a single line of code to achieve what would have taken 10-20 lines of regular JavaScript code.

jQuery is itself written in JavaScript, and comes in the form of a single .js file that you link to from your webpage. Your JavaScript code then accesses the library by calling various jQuery functions.

The jQuery library actually comes in 2 forms:

  • The uncompressed .js file is easy to read and modify, but it’s around 160kb in size (at the time of writing).
  • The minified .js file has all comments, whitespace, and other unnecessary characters removed from the file, squeezing the whole library into a mere 23kb. Although you can’t easily read the code, this is the version you’ll want to place on your site, as it’s much quicker for visitors to download.

jQuery is free to download and use, and is dual-licensed under the MIT and GPL licenses.

As well as the jQuery library itself, hundreds of jQuery plugins are available to add even more power and functionality to your scripts.

What can you do with jQuery?

jQuery makes it easy to write powerful JavaScript apps and create eye-catching animated effects rivalling those of Flash movies. Amongst other things, jQuery is great for:

  • Adding animated effects to elements. jQuery lets you easily add effects such as fading in/out, sliding in/out, and expanding/contracting.
  • Making XML (Ajax) requests. These use JavaScript to request additional data from the Web server without having to reload the page.
  • Manipulating the DOM. You can easily add, remove, and reorder content in the Web page using just a couple of lines of code.
  • Creating image slideshows. You can use jQuery effects to build nice animated slideshows and lightboxes.
  • Making drop-down menus. jQuery makes it easy to create multi-level dropdowns with animations.
  • Creating drag-and-drop interfaces. Use jQuery to build a page with elements that can be repositioned or reordered simply by dragging and dropping.
  • Adding power to forms. With jQuery you can easily add complex client-side form validation, create auto-complete Ajax text fields that pull data from a server-side database, and so on.

Sure, you can do all of the above by writing your own JavaScript, but it’s so much easier just to use jQuery. Why reinvent the wheel?

Another of jQuery’s strong points is that it makes it easy to write JavaScript that works on many different browsers. Incompatibilities between popular browsers such as IE, Firefox and Safari mean that you often need to write different chunks of JavaScript code for each browser. With jQuery, however, you just call the appropriate jQuery function and let jQuery deal with making the code run on different browsers. Nice!


This article has given you a brief overview of jQuery. You’ve learned that:

  • jQuery is a free JavaScript library.
  • With jQuery you can write powerful JavaScript apps using fewer lines of code.
  • jQuery is great for things like animations, Ajax requests, DOM manipulation, image effects, and user interface elements.
  • jQuery lets you easily write cross-browser JavaScript code.

In my next article I’ll show how to get started using jQuery. Until then — have fun!

JavaScript Library

Original Post : Mr.Black ( coverboy@1234.co.kr )

1. 유명한 자바 스크립트 라이브러리 (무순)

화면과 Example 만 보면 야후가 제일 맘에 드는데, Microsoft Visual Studio 2008 Service Pack1 (sp1) 에서 JQuery를 지원한다는 블로그를 보고, 특히나 그 지원이 IntelliSense다 보니까, JQuery를 써야 하지 않을까 생각해 본다. 구글 검색해서 보니까, 구글은 JQuery를 쓴다는 얘기도 있고 해서…

전통적으로 한국에서는 prototype을 많이 써오긴 했지만서도… 어차피
모든 툴들을 익힐 수는 없는 법. 하나라도 제대로 시작하긴 해야 하는데.

2. 한국 개발자