Hands-On jQuery: jQuery Examples

Practice jQuery with unique jQuery Examples! Useful jQuery Programs that illustrate Various jQuery Concepts!
4.8 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
212 students enrolled
50% off
Take This Course
  • Lectures 21
  • Length 3 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2016 English

Course Description

Many times, just knowing the syntax of a programming language might not help you while working on projects. Instead, you should be able to apply your programming language skills in real-world projects. Are you struggling to apply your basic jQuery skills while working on jQuery projects? Do you feel you need more practice to become really confident in jQuery programming? Do you think ready-made code examples could save your time and effort during code sessions?

This course "Hands-On jQuery: jQuery Examples" includes a number of unique and useful jQuery code examples of different levels that illustrate various concepts in jQuery. So, you get a chance to practice jQuery with real-world jQuery programs. Thus, it helps you become really confident in jQuery programming. In short, you will be able to take your jQuery knowledge to next level. Moreover, you get ready-made code examples and unique ideas on how to proceed while working on different jQuery projects.

This course is NOT meant for people who are new to jQuery as it does not teach you jQuery from scratch. Instead, you need to have a basic knowledge of jQuery which can be polished and improved by completing this course. This course proceeds gradually starting from basic to advanced jQuery examples. 

So, what are you waiting for? Join this course to polish your jQuery skills and to become more confident in jQuery programming!!!

What are the requirements?

  • Basic knowledge of HTML, CSS, JavaScript and jQuery

What am I going to get from this course?

  • See jQuery in action
  • Practice jQuery with unique jQuery examples
  • Get working examples that can be used in jQuery projects
  • Understand jQuery in depth
  • Take your jQuery skills to the next level

Who is the target audience?

  • Anyone who wants to improve jQuery skills
  • Anyone who wants to practice jQuery doing real-world examples
  • Anyone who wants to get working examples that can be used in jQuery projects

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Introduction to the Course

Introduction and structure of the course

Section 2: Basic jQuery Examples

You will learn how to disable right click using contextmenu method.


You will learn why and how to cache selectors.


You will learn how to add blinking effect to some text using fadeIn and fadeOut effects available in jQuery.


You will learn how easy it is to check whether an element exists or not and also to find the total number of elements in a webpage. 


You will learn how to generate a list from an array.


You will learn how to disable a button once it is clicked so that the user will not be able to click it again.


You will learn how to blur and brighten an image using opacity property.


You will learn how to check and uncheck checkboxes together as in Gmail or Yahoo inbox.

Section 3: Intermediate jQuery Examples

You will learn how to create a blinking box by changing the background colour.


You will learn how to get the current mouse position(X and Y coordinates).


You will learn how to add new elements to the webpage dynamically.


You will learn how to switch between styles easily.


You will learn how to loop through checkboxes to get the value of checked items and to process those values.


You will learn how to create a slideshow easily

Section 4: Advanced jQuery Examples

You will learn how to refresh the content of a page without reloading the page and even without using AJAX!!


You will learn how to scroll to the required element smoothly.


You will learn how to implement the Find and Highlight functionality.


You will learn how to make the columns in a table sortable.

Color Picker
Section 5: Bonus Section
Bonus Lecture: Special Offers on Other Courses!!!

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Crypters Infotech, Career Enhancement Training Solutions

Crypters Infotech is a division of Crypters Infosystems and Solutions Pvt. Ltd IT Company. We offer industry-oriented training that helps even fresh heads to become IT giants. Our professional team of trainers provide high quality training with an outlook towards future. We provide training mainly in web development and mobile app development.

Ready to start learning?
Take This Course