JQuery Introduction

JQuery is a library of JavaScript which one is very simple, easy and work fast. It gives that opportunity, how to use JavaScript so easily in your website.


It is a free and open source javaScript library that is used by Web developers to navigate HTML documents, handle events, perform animations, add AJAX (Asynchronous Javascript and XML) interactions and so on to the Web pages.


jQuery is a topmost popular javascript framework. It is a lightweight "write less, do more" JavaScript library. New, JQuery is very famous now for below reson-


-All Browser support
-Simple and detailed documentation of existing
-Lots Plugin is available free of cost.
-CSS3 selectors Supported

There are also many advantages.

Adding the JQuery Library to Web Pages

The jQuery library is stored as a single JavaScript file (e.g. as jquery.js), containing all the jQuery methods.

It can be added to a web page with the following mark-up: 

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

**Please note that the <script> tag should be inside the page's <head> section.

Basic JQuery Example

The following example demonstrates the jQuery hide() method, hiding all <p> elements in an HTML document.

Source Code:
<html>

<head>

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

<script type=”text/javascript”>

$(document).ready(function(){

$(“button”).click(function(){

$(“p”).hide();

});

});

</script>

</head>

 

<body>

<h2>This is a heading</h2>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

<button>Click me</button>

</body>

</html>

Tutorial => 1



Write Comment







Search

Categories JQuery Introduction

Facebook Like page