JQuery Tutorial

JQuery-Home JQuery-Environment setup JQuery-Basic syntax JQuery-Attribute JQuery-Selector JQuery-CSS JQuery-Event JQuery-Ajax JQuery-Effects JQuery-Hide JQuery-Show JQuery-Toggle JQuery-Fade In JQuery-Fade Out JQuery-Fade Toggle JQuery-Slide Up JQuery-Slide Down JQuery-Slide Toggle JQuery-Animation JQuery-Stop JQuery-Call back JQuery-Chain JQuery-Get JQuery-Set JQuery-Add JQuery-Remove JQuery-Dimension

« Home Next »

jQuery created by John Resig in 2006

jQuery is a fast, small, and feature-rich JavaScript library

jQuery is a small and lightweight JavaScript library.

jQuery means "write less do more"

jQuery simplifies the interactions between an HTML/CSS document,

jQuery simplifies HTML document traversing and manipulation, browser event handling,DOM animations, Ajax interactions, and cross-browser JavaScript developmente

It is easy to learn and easy to use

Jquery makes webpages more interactive and attractive

It is cross platform

It is write less do more

JQuery features

HTML manipulation

DOM manipulation

DOM element selection

Effects and Animations

CSS manipulation

HTML event methods

AJAX

Utilities

Example

<!DOCTYPE html>
<html>
<head>
<title>First jQuery Example</title>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("p").css("background-color", "yellow");
});
</script>
</head>
<body>
<p>Code now.</p>
<p>Code tomorrow.</p>
<p>Code always.</p>
</body>
</html>

Result

Code now.

Code tomorrow.

Code always.

Advantage of JQuery

Easy to use

Free to use

Compatible with all major browsers

Simplify javascript tasks

Time minimization

« Home Next »

C++ Tutorial	CSS Tutorial	C# Tutorial	PHP Tutorial
Java Tutorial	SQL Tutorial	JQuery Tutorial	MySQL Tutorial
HTML - Tutorial	Node.Js Tutorial	JavaScript Tutorial	Python Tutorial
MySQL Installation	Node.js Installation	XAMPP -- Installation	Python Installation
C++ - Environment Setup	Java - Environment Setup	C# - Environment Setup	Responsive Web Design