Definition of Jquery
Jquery : It is a scripting language based on javascript, which contain rich set of built in function so it is very easy to use the jquery in your website.
We can create animation on the webpage with the help of jquery. we can also add some interactive programming effects which user wants to see on the webpage using jquery. Now a days jquery is one of the popular scripting language.
Here some examples are given to show the use of jquery on the website.
Hide and show division or whatever in the division tag like if you want to hide the image then put it inside the division tag.
Division id is #divSample
1000millisecond will taken to show the output on the screen. YOu can change the Time according to your need into the webpage or web application.
.aspx File
<script type="text/javascript">
function showbtn()
{
$('#divSample').show(1000); }
function hidebtn()
{
$('#divSample').hide(1000); }
</script>
<body>
<div id="divSample" >
<img src="Image1.jpg" height="200px" width="200px" title="jquery" text="ShowImage" />
</div>
<asp:Button id="b1" runat="server" onclientclick="showbtn();">
</asp:Button>
<asp:Button id="b2" runat="server" onclientclick="hidebtn();" text="HideImage">
</asp:Button>
</body>
The output is wonderful.
so try it your self with littlebit work on this code and you can create innovation in your technology.
I had brief out some other function which can be used as above.
$('#divSample2').slideUp(2000);
$('#divSample2').slideDown(2000);
$('#divSample3').fadeOut(2000);
$('#divSample3').fadeIn(1100);
Animation with the use of JQuery.
YOu can also create animation with the help of animate function.
$("#divSample").animate({height:500, width:750 , opacity: .7}, 3000, function()
{alert("DivSample is having 500px height and 750px width"); });
This will create your division of image large upto 500px height and 750px width.
and after completion of it with opacity of 70%.
It displays the message that DivSample is having 500px height and 750px width
in the Alert box.