Dadi Sathish Dot Net: JQuery Tutorial-How to learn Jquery

Jquery is a Library of Java Script, which is very much easy to learn.

Whenever you know about HTML, CSS, JavaScript then its very much easy.

JQuery library contains the following features

Html,

CSS,

Animation Effects,

Ajax;

Your application is developed using only java script, then application may not work in all the browsers, there may be some compatibility issues, but we can’t see that type of issues with applications which are developed using Jquery.

More over, we can have any type of plugins through Jquery, like ChatBox, Dates plugins, etc...

following is an example for Jquery, that hide a paragragh it self when we click on it

<!DOCTYPE html>
<html>
<head>
<script

 src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">

</script>

<script src="~/Scripts/jquery-1.7.1.min.js"></script>

 <script>
    $(document).ready(function () {
        $("p").click(function () {
            $(this).hide();
        });
    });
</script>
</head>
<body>

<p>When you click on this paragraph , it will hide.</p>


</body>
</html>

Description :

<html> : Code should be enclosed between the <html> tags.

<body> : This tag is for writing the body text.

<p> : This is paragraph tag, for writing the text in paragraph format.

$(document).ready(function () {});

This function is used for, whenever the application loaded, events will be applied at the time of loading.

Dadi Sathish Dot Net

JQuery Tutorial-How to learn Jquery

No comments:

Post a Comment