Understanding JQuery Basics

Introduction

In this post we will how we can understand the JQuery basics and will walkthrough with code.

Scenario

In many cases, we will have simple scenario like we need to show/hide or toggle the functionalities. Consider we have simple content user can like and unlike.

Code

We simple page that user can like and unlike, the text in the content and button values will change.

Let's see how we can do the same thing in JQuery:

Here we have used the Jquery toggle event option, “it binds two or more handlers to the matched elements, to be executed on alternate clicks”.

http://api.jquery.com/toggle-event/

There is another functionality we do with the toggle, “Display or hide the matched elements”.

As a result we will see the tick image toggle (Show/Hide) while click the like button.

Summary

Here we will recap the JQuery “toggle” functionality.