Category: jQuery

jQuery Drum sets – HTML5 Audio tag example!

Today we are going to learn an interesting topic in jQuery. This post is going to teach you how to create a musical Drum Sets using jQuery.

This is completely a new point of view where you are going to …

How to add Option to a Select Box (Drop Down) using jQuery – Tutorial

How to add Option to a Select Box (Drop Down) using jQuery – Tutorial

In this tutorial we are going to see how to add a new <option> tag to an existing <select> drop down using jQuery.
Also we are going to learn how to add <option> to the top of the <select> drop …

Allow only Numbers (0-9) using jQuery – Useful Script!

Allow only Numbers (0-9) using jQuery – Useful Script!

This post shows you how to allow only numbers ie., (0-9) in a textbox. Often this code needed in a Registration form to avoid typing Alphabets.

You can see the demo of this script at the bottom of this post!

Select All Checkboxes using jQuery – Demo and Example Script.

Today we are going to see how to make all the checkboxes checked when the user clicks the top checkbox ie., (Select All checkbox) . This script is really easy and is often needed in many situation.

Here is the …

Insert and Show Records using jQuery Ajax and PHP!

In this post I’m going to show you how to insert records into MySQL database using jQuery Ajax and PHP, also going to show how to show records from a MySQL table.

This code is extremely easy and without using …

Simple jQuery Typing Animation Script – Demo & Download!

Today we are going to see an Interesting jQuery script. Typing Animation script!. Its very simple only 12 lines of code doing this magical animation.
This script Actually asked by one of my blog user, thanks for asking this and made …

jQuery Date Picker on Click of Calendar Icon / Any Image

This tutorials shows how you can make the jQuery datePicker appear on click of the Calendar Icon. Also, teaches how you can change the date format of date picker.

Lets begin the tutorial.

Here is the JavaScript Part:

$(function() {
	

Change Font Family on select Drop Down – Simple jQuery script!

 

Here is another great tutorial – How to change font family dynamically using jQuery!!

I have used a drop down list of font-families. OnChange of the drop down box will change the font type of the document.

Go to

Learn how to Create and Add new element in jQuery!

Here we are going to see how we can add a new element into the body of the page or inside particular div using jQuery. We have a function called append() in jQuery to do this trick.

See the below …

Theme: Overlay by Kaira
Agurchand