JQuery is most popular scripting language in present world. It`s impossible to thank a mordant web with out it. if you think you will learn  it  then you are in perfect place. Today i am going to show who to stat JQ and what needed for it. to write the code you need to use a text editor, a web browser for output, a web server and the laibary of JQuery. The text editor i will recommend

for Microsoft windows. I will recommend Textwrangler for you Mac. if you are on a Linux than you have text editor builtin.We also need a web browser and a browser developer tool. if you using Mozilla I will recommend  you to use firebug its free Mozilla add-ons . if you don’t know how to use JavaScript console pleas check add-ons description.

What need to know before start ?

we use JQuery in html. if you don’t know the HTML, and css i will suggest you to learn html and css befor starting. Now i will start a practical work for you,  if you want to make a expert your self then you need to wright every line with you code editor. you need  the  JQ library open your web browser,  and go to this address https://jquery.com . find the section have a labeled Grad the last version.

click the Download jQuary button. the next page you find all list of version . there also information how to active jquery  laibary with your web page.now i think you have a html web page you want to add jquery  already you have add  the laibary.

 <head>
<script src=”jquery-1.12.4.min.js”></script>
</head>

before html </head> include JQ laibary.   Now add a code

<script>
<!———– where we will add code ————————>
</script>

 

The <script> tag tells the browser that you will be giving it a script, for compiling now your browser,  will translate this script into different  kind of action on the web page.

now Enter the following code into a text editor then save it open it in your browser, and try out  the button . you will see the power of  jQuary

<!DOCTYPE html>
<html>
<head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“button”).click(function(){
$(“p”).hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is section will hide JQ action after press button .</p>
<button>Click me to hide paragraphs</button>
</body>
</html>

Leave a reply