Say Hello to jQuery

Hello

Today we are going to say hello to jQuery. You know, you have to spent only 15 minutes per day to learn jQuery. Now, lets go to start.

Before start, we have to download jQuery form the website of www.jquery.com
In this website, you will get a download jQuery link in the right side of the page. You will two option to download this. This is not any big fact for you. But  the different between production and development version is, there are all sufficient instruction into development version with huge comments but none of this into production. So, I think, we can download the development version.
So, just check development version and click download button.  After that, you will get a new link with jQuery file. Now, just copy this code and past into your favorite textEditor. I am using the notepad++. After that, just save the file with the name of jquery-1.7.1.js

Now, crate a new file called index.html
Now the time for adding jquery-1.7.1.js into body tag of our index.html file. The code of index page is like that.

<!DOCTYPE html>
<html>
<head>
<title>This is our First Day</title>
</head>
<body>
 
<script src=”jquery-1.7.1.js”/>
</body>
</html>

Now the time for adding jQuery manual code into our page. So, write this code into the body tag. Continue reading

Advertisements

jQuery in 30 days [Intorduction]

Assalamu alaiakum

Hello friends. I am interested to show you about jQuery. You know very well that, jQuery is very very important for web. You know also that, jQuery is a very important library of Java Script.  So, if you interested, then you  can read this post, or, don’t wast your time. If you can invest 15 minutes per day, you will be MASTER on jQuery, I guarantee.  So, if you are decided to learn, lets start our work.

Follow the next POST.

Thanks-

JQuery with Some Days

Hello Readers

I am now ready to learn about JQuery. You know that, JQuery is a JavaScript library. Lets start to learn JQuery now. It is very easy to learn.

First you have to download the library of JQuery form the website of http://www.jquery.com. After going here, you have to download “jQuery” and save into your computer with any name as a java Scritpt file (.js) extension.

jquery website link

Now open your favorite compiler & Then save this file name jquery.js in a folder named day1. Create a html file and save this with the name of day1.html.The HTML code is like that-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Day with jQuery</title>
<script type="text/javascript" src="../library/jquery.js"></script>


<style type="text/css">
    #box{
        width:300px;
        height:300px;
        background:red;
    }
</style>

<!-- Start JQuery -->

<script type="text/javascript">
    $(function(){
        $('a').click(function(){
            $('#box').fadeOut();
        });
    });


</script>

</head>

<body>
<div id="box">

</div>

<a href="/">Close this Box</a>
</body>
</html>



I just used here a jquery library and then write some code. out put of first word
When user "Close the Box" link, the box will be close.

This is very simple work. If you face any problem, Just write 
your comments or mail to me. 
Thanks to read this tutorial and wait for next tutorial.

Bye for today.