Jquery Introduction
For more tutorials visit our site www.prashobh.webs.com (a make it easy product)
jQuery is a library of JavaScript Functions.jQuery simplifies JavaScript programming.The jQuery library is providing many easy to use functions and methods to make rich applications. These functions are very easy to learn and even a designer can learn it fast. Due to these features jQuery is very popular and in high demand among the developers. You can use jQuery in all the web based applications irrespective of the technology.jQuery is java script and can be used with JSP, Servlets, ASP, PHP, CGI and almost all the web programming languages.The jQuery code is very simple and easy to learn.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>click on me,see the magic.</p>
</body>
</html>
Before you start studying jQuery, you should have a basic knowledge of HTML,CSS,JavaScript. If you don't want to store the jQuery library on your own computer, you can use the hosted jQuery library from Google or Microsoft. Two versions of jQuery are available.You can download from Jquery plugin.com
The jQuery library contains the following features:
- HTML element selections
- HTML element manipulation
- CSS manipulation
- HTML event functions
- JavaScript Effects and animations
- HTML DOM traversal and modification
- AJAX
- Utilities
How to Add the jQuery Library to Your Pages
In this method you should download the jquery plugin and keep in your folder.<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
If you don't want to store the jQuery library on your own computer, you can use the hosted jQuery library from Google or Microsoft.
Google
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>
</head>
OR
Microsoft
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.6.2.min.js">
</script>
</head>
No comments:
Post a Comment