- 5 years ago
- Zaid Bin Khalid
- 8,546 Views
-
4
In this session, you will learn about jQuery and why we use JQuery with the help of an example.
The JQuery simplifies JavaScript Programming and easy to learn. JQuery is a JavaScript library, widely used to simplify the common web scripting task.
Since, it is a JavaScript library that works on the principle “write less, do more”.
It also gives the ability to create simple and quick Ajax based application.
Features:
The jQuery library contains the following features as mention below:
- HTML/DOM manipulation
- CSS manipulation
- HTML event methods
- Effects and animations
- AJAX
- Utilities
What You Can Do:
There are a lot more things you can do with jQuery some are mention below:
- Easily select elements to perform manipulation.
- Create an effect easily.
- Design a complex CSS animation with the help of fewer lines of code easily.
- Easy manipulation of DOM elements and their attributes.
- Implementation of Ajax to enable data exchange between client and server.
- Multiple actions on an element with a single line of code easily perform.
- Dimensions of the HTML elements easily get or set.
Advantages:
There are many advantages of using jQuery some are mention below:
- Save lots of time and effort.
- Simplify Common JavaScript tasks.
- Quick and easy to use.
- Compatible with browsers.
What This Tutorial Covers
This jQuery session, covers all the useful features, selector mechanism, event handling system, effective methods to create user interface features, animating the elements on a web page, etc.
Versions
There are two versions of jQuery available for downloading as shown below:
For development or debugging the best suited file is uncompressed file; moreover the compressed file is used for production it save the precious bandwidth and improves the performance due to small file size.
Creating Your First jQuery Powered Web Page
In this subjected topic, you will perform how to changing the color of the heading text from the default black color to red by a simple operation as shown in example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My First jQuery Powered Web Page</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script>
$(document).ready(function(){
$("h1").css("color", "#0088ff");
});
</script>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
- 5 years ago
- Zaid Bin Khalid
- 8,546 Views
-
4