AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL

jQuery introduction


<< Previous Page
jQuery tutorial
Next Page >>
jQuery tutorial

jQuery Tutorial » jQuery introduction

In this chapter we show you:
1. Is jQuery easy to learn? simple: it is not difficult to learn
2. What are the basics of jQuery?
3. What is used in jQuery?
4. Is jQuery dead?

jQuery is a fast, small, lightweight, cross-platform JavaScript library.

jQuery offers various features that make web development very fast and easy.

jQuery greatly simplifies JavaScript programming.

 

What You Need to Know

Before, to learn jQuery, you should have a basic knowledge of:

HTML - You can find this tutorial on HTML tutorial
CSS - You can find this tutorial on CSS tutorial
JavaScript - You can find this tutorial on JavaScript tutorial

 

Why to learn jQuery?

There are lots of other JavaScript libraries out there, but jQuery is probably the most popular, and also the most extendable.

Many of the biggest companies on the Web use jQuery, such as:

jQuery will run exactly the same in all major browsers.

 

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.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>

<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("p").css("background-color", "aqua");
});
</script>

</head>
<body>

<p>I have aqua background - if you will click on me, I will disappear.</p>
<p>I have aqua background - Click me again away!</p>
<p>I have aqua background - Click me too! - let's see what happens</p>

</body>
</html>

 



jQuery tutorial step by step, jQuery tutorial for beginners, pdf, advanced
Is jQuery easy to learn?
What are the basics of jQuery?
What is used in jQuery?
Is jQuery dead?

JQuery introduction - jquery

Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


0
Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


jQuery replace...
jQuery replaceClass...
jQuery click ()...
jQuery switchClass()...
jQuery draggable()...
jQuery HTML...
jQuery scroll smooth...
jQuery scroll()...
jQuery stop()...
jQuery animate()...
jQuery SlideToggle()...
jQuery slideDown()...
jQuery slideUp()...
jQuery fadeToggle...
jQuery fadeOut()...
jQuery fadeIn()...
jQuery Effects - hide () and show ()...
jQuery Events...
jQuery Attributes...
jQuery Selectors...