Wednesday, May 26, 2010

Learning jQuery?

What Is JQuery ?

JQuery is a framework / library that can help us simplify and speed up the processing of DOM on web pages.
With jQuery we can create more engaging and interactive web easily. jQuery already mengautomasi public jobs and mempersimple complex code. This library is very small and has a lot of pluggin that can facilitate us.
As for the features are offered by jQuery

  • Simplify access and manipulation to the particular page. jQuery selector that offers a robust and efficient to retrieve a specific section of the document can then be manipulated.

  • Simplifies the display change to the document. jQuery CSS can change the look easily.

  • Responding to user interaction with a webpage. jQuery has a very, very elegant way to insert an event into one part of the webpage.

  • Adding animation. We can provide animation on our webpage with jQuery

  • Easing AJAX.


Well let's start with the installation jQuery. in this tutorial will be divided into five sections of the installation, manipulation, event, animation and ajax. in this article will discuss about the installation and manipulation.

jQuery Installation
First download it from the website http://jquery.com/ jQuery first. There are two download options. Production and development, the difference is used in the production development for the realsite whereas development is for development time. Production version of the code already in compression so that it can no longer be read and its size is much smaller. Also development version is useful if we want to debug jQuery.
After download the jquery is loaded via script tags (note row 6), adjust the src attribute with the path of your jquery.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>My First JQuery</title>

<script type="text/javascript" src="jquery.js"></script>

</head>

to be continued...

0 komentar:

Post a Comment