Scribd
Upload
41 views2 pages

jQuery Basics for Beginners

The document provides an introduction to jQuery, covering fundamentals, selectors, events, effects, traversing, CSS, attributes and examples to help understand the topic. It explains that jQuery is a small JavaScript library that simplifies DOM manipulation and AJAX calls while being cross-platform.

Uploaded by

ramupandit913
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
41 views2 pages

jQuery Basics for Beginners

The document provides an introduction to jQuery, covering fundamentals, selectors, events, effects, traversing, CSS, attributes and examples to help understand the topic. It explains that jQuery is a small JavaScript library that simplifies DOM manipulation and AJAX calls while being cross-platform.

Uploaded by

ramupandit913
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

jQuery Tutorial

jQuery tutorial for beginners and professionals provides deep knowledge of jQuery
technology. Our jQuery tutorial will help you to learn jQuery fundamentals, example,
selectors, events, effects, traversing, CSS and attributes.

What is jQuery
ADVERTISEMENT

o jQuery is a small and lightweight JavaScript library.


o jQuery is cross-platform.
o jQuery means "write less do more".
o jQuery simplifies AJAX call and DOM manipulation.

jQuery Example
In this tutorial, you will get a lot of jQuery examples to understand the topic well.
Let's see a simple jQuery example.

File: firstjquery.html
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>First jQuery Example</title>
5. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/
jquery/2.1.3/jquery.min.js">
6. </script>
7. <script type="text/javascript" language="javascript">
8. $(document).ready(function() {
9. $("p").css("background-color", "pink");
10. });
11. </script>
12. </head>
13. <body>
14. <p>This is first paragraph.</p>
15. <p>This is second paragraph.</p>
16. <p>This is third paragraph.</p>
17. </body>
18. </html>
Test it Now

Output:

This is first paragraph.

ADVERTISEMENT

This is second paragraph.

This is third paragraph.

You might also like