jQuery Examples – jQuery Selector Examples, jQuery Effect Examples

Last Updated on: April 15, 2020   Posted By: Web Design Reference

jQuery Examples:jQuery Selector Examples, jQuery Effect Examples, jQuery Event Examples, jQuery Code Tutorials, Learn How to include jQuery in a page with examples. Follow and Like us on Facebook, Twitter, LinkedIn, Pinterest for the latest posts.

jQuery Examples: How to use jQuery library in a document to explain with an example?

1. Include a jQuery File from a CDN (Content Delivery Network) like Google & Microsoft.

Example: jQuery in a html Document
< !DOCTYPE html >
< html >
< head >
< title >
How to include jQuery in a Document
< /title >
< script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js” > < /script >
< script >
$(document).ready(function(){
$(".div-box").click(function(){
 $(this).hide();
 });
});
< /script >
< /head >
< body >
< div class=”div-box” > Click to hide me. < /div >
< /body >
< /html >
 
 

jQuery Examples: Use of Hide Effect and Click Event in an HTML Document

Example: jQuery Effect in a html Document
< !DOCTYPE HTML >
< html >
< head >
< title >
How to include jQuery in a Document
< /title >
< script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js” > < /script >
< script >
$(document).ready(function(){
$(".div-box").click(function(){
 $(this).hide();
 });
});
< /script >
< /head >
< body >
< div class=”div-box” > Click to hide me. < /div >
< /body >
< /html >
 

Web Design Reference Guide Android App for Website Developers

Web Design Reference Guide Android App: Web Design Tutorial App is a tutorial and reference-based app. It provides Web Design Tutorial and Reference to Web Designers or Web Developers to grow their Web Development skills.

 

Also Related to this Page

 
 

Leave a Reply