How to use jQuery

If you want to use jQuery then firstly include it on the pages where you wish to take advantage of it. To do this you have to download the jQuery. You can download it from their website at www.jquery.com. After downloading the jQuery JavaScript file, you will have to reference it on your pages using the <script> HTML tag like this:
<script type="text/javascript" src="jquery-1.5.1.js"></script>
Now your page looks something like this:
<head>  
<title>jquery test</title>  
<script type="text/javascript" src="jquery 1.5.1.js"></script>  
</head>
Instead of downloading and hosting jQuery yourself, there is a modern approach. You can include it from CDN (Content Delivery Network).
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

Example:

<!DOCTYPE html>  
<html>  
<head>  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>  
<script>  
$(document).ready(function(){  
    $("p").click(function(){  
        $(this).hide();  
    });  
});  
</script>  
</head>  
<body>   
<h1> this is a heading</h1>  
<p>this is a paragraph</p>    
</body>  
</html>
Try Now 

Related Topics

jQuery each() method

jQuery each() method: jQuery contains many processes that make coding a much better and faster work for professionals.  The each() method is one of the earliest method of jQuery. It...

3 minutes read.

jQuery Events

jQuery event is used to show a moment when something happens. jQuery is used to set up event-driven responses on the HTML page elements. These events have often triggered by the...

1 minute read.

jQuery Fading Effect

jQuery Fade Using jQuery, you can fade elemnts in and out of visibility. You can change the opacity level of elements from invisible state to visible state or visible state to...

6 minutes read.

jQuery CSS() Method

Using the jQuery css() method, you can set or return the one or more style properties for the selected elements. Here are the two ways to provide jQuery css() method: Set a...

2 minutes read.

jQuery Add

Using the jQuery, it is easy to add new content. Here are four jQuery methods to add new content: append() prepend() after() before() jQuery append() Method The jQuery append() method is used to insert the content...

4 minutes read.

Introduction to DOM manipulation

Manipulation of DOM is one of the most important aspects of jQuery and thereby JavaScript. DOM stands for Document Object Model. It is a manipulation of interacting and representing with...

1 minute read.

jQuery Stop Effect

The jQuery stop() method is used to stop the jQuery animation or effect before it is finished. The jQuery stop() method works for all jQuery effects like: custom animations, fading and...

1 minute read.

jQuery Sliding Effect

jQuery slide is used to slides the element out of the viewport. Here are some slide methods: slideDown() slideUp() slideToggle() jQuery slideDown() slideDown() method of jQuery is used to slide down an element. Syntax: ...

3 minutes read.

jQuery Mouse Events

When the users move the mouse pointer or click some element then the mouse event fires. To handle the mouse events here are some jQuery methods: 1) The click() Method An event...

2 minutes read.

jQuery load() Method

jQuery load() method is a powerful AJAX method used for loading data asynchronously. The load() method loads HTML or text content from a server and added into a DOM element. Syntax: $(selector).load(URL,data,callback); Here is...

2 minutes read.

How to use jQuery

If you want to use jQuery then firstly include it on the pages where you wish to take advantage of it. To do this you have to download the jQuery....

2 minutes read.

jQuery Animation Effect

The jQuery animate() method is a way to create custom animations. The jQuery animate() method is used to animate numeric properties of CSS. Syntax: $(selector).animate({params}, speed, callback); speed: Speed is an optional parameter. It is used...

1 minute read.

jQuery Document/Window Events

When the user resizes or scrolls the browser window then the events triggers. Here are some jQuery methods to handle the document/ window events: 1) The ready() Method JQuery ready() method is...

2 minutes read.

jQuery Example

Hello, world! Example Here is the jQuery first example: <div id="divTest1"></div>   <script type="type/javascript">   $("#divTest1").text("Hello, world!");   </script> The above code have a div tag with the id of "divTest1" and $ shortcut to access jQuery. In this code select all...

2 minutes read.

jQuery Syntax

jQuery syntax is made by using HTML elements. You can perform some action on those elements. jQuery starts with the dollar sign ($) and ends with a semicolon (;). Basic syntax...

1 minute read.

Getting and setting content

Retrieving and setting text, values and HTML is the simplest aspect of manipulation of DOM. It seems same but they’re not. There are text(), html() and val() methods. jQuery html() method Using the...

4 minutes read.

jQuery Selectors

When you use the JavaScript then read and modify the content of the page is the very common task. While doing this you want to find the elements that you...

3 minutes read.

Introduction to AJAX

AJAX stands for Asynchronous JavaScript and XML. In AJAX, the data is loaded in the background and displayed on the webpage. In this process, you don't need to reload the...

1 minute read.

jQuery Remove

Using the jQuery, it is easy to remove the existing HTML content. There are two jQuery methods to remove the content: remove() empty() jQuery remove() Method The jQuery remove() method is used to remove the...

2 minutes read.

jQuery Keyboard Events

When the user press or release a key on the keyboard then the keyboard event fires. Here are some jQuery methods to handle the keyboard events. 1) The keypress() Method: When a keyboard...

2 minutes read.