Scribd
Upload
15 views12 pages

Jquerry Introduction

The document provides an introduction to jQuery, a widely used JavaScript library developed by John Resig that simplifies JavaScript programming and addresses cross-browser issues. It outlines jQuery's features, usage, and syntax, including how to include the library in HTML files and utilize its functions for tasks like HTML manipulation, event handling, and AJAX. The document also emphasizes the importance of jQuery in modern web development and provides examples of its implementation.

Uploaded by

ROSELIN ANDREW
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
15 views12 pages

Jquerry Introduction

The document provides an introduction to jQuery, a widely used JavaScript library developed by John Resig that simplifies JavaScript programming and addresses cross-browser issues. It outlines jQuery's features, usage, and syntax, including how to include the library in HTML files and utilize its functions for tasks like HTML manipulation, event handling, and AJAX. The document also emphasizes the importance of jQuery in modern web development and provides examples of its implementation.

Uploaded by

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

JQUERRY INTRODUCTION

By:H.L. Chandrakar
COURSE TO DESIGN WEBSITE

Form Validation
HTML AJAX

MYSQL CSS
Login Session
Tracking

PHP JS
Menu Design JQUERY Hit Counter
What is Jquery
• JQuery is a JavaScript library.

• It simplifies JavaScript programming.

• John Resig developed jQuery. Today there is a big development team


and it is active library which is used most widely.

• Every famous websites nowadays using Jquery either it is Google or


Microsoft or IBM.
• The jQuery team knows all about cross-browser issues and they have
written this knowledge into jQuery library. jQuery will run exactly the
same in all major browsers.(It will give same performance in all the
famous browsers.
This file is
This file is containing
containing javascript
html code code

File1.html File2.js

SYNTAX TO USE File2.js INTO File1.html WILL BE AS FOLLOWS:


Write the following line in File1.html

<script src=“File2.js"></script>
Example
<html>
<head>

</head>
<body> document.write("JQuerry Example");
<script
src="File2.js"></script>
File2.js
</body>

</html>

File1.html

Note: Save the file in the same folder


This file is
What is JQuery containing
JavaScript
predefined
This file is
function
containing
html code

File1.html JQuery.js

•Jquery is the one of library amongst several javascript libraries which contains pre
defined function.
•To use the Jquery library we have to download it and has to be emed in our .html file
using <script> tag as follows:
<script src=“JQuery.js"></script>
Now we will be able to call and use the function which is defined in Jquery.js
Jquery Features
• HTML manipulation.
• CSS manipulation
• Event handling
• Animation
• Ajax
• Other Utilities

All the work Javascript is doing it is done by Jquery but


using Jquery will do experince better in easier way.
How to USE
• Download the jQuery library from jQuery.com
• Include jQuery from a CDN, like Google
• The jQuery library is a single JavaScript file,
and you reference it with the HTML <script>
tag
<head>
<script src=“jquery-1.12.0.min.js”></script>
</head>
Google CDN
• <head>
• <script src=
https://ajax.googleapis.com/ajax/libs/jquery/3
.6.0/jquery.js
>
• </script>
• </head>
•Above URL is the URL provided by Google Jquery
library.
•And all the jquery code will run only and only if you
are online.live web applications are made using it.
Jquery Syntax
• $(selector).action()

$(“P”).click(function(){

$(this).css(“color”,”red”);
});
ready() function
• This function is used to perform some action
after loading any web page:
• $(document).ready(function(){
………………………………..
//write your code here
………………………………..
});
THANK YOU

You might also like