JavaScript Tutorial

How to Add Class to a Div using JQuery

Submitted by nurhodelta_17 on
In this tutorial, I'm going to show you how to add and remove class to a div using jQuery. I've created three buttons each assigned a jQuery function. To start with, be sure to include jQuery on your file in order for the code to work.

Creating our Sample

We create our sample by creating three styles with assigned class each. We name this as "index.php".

How to Show/Hide Div Tag and Set Time out using JQuery

Submitted by nurhodelta_17 on
In this tutorial, I'm going to show you how to show/hide an area in the page without reloading the whole page using JQuery. I've also included in this tutorial a sample loader and a time out for the loader. Be sure to download the included sample gif and sample jquery.

Creating our Page

We create our page that includes our jquery. To create the page, open your HTML editor and paste the code below.

Simple Animated Text Using HTML/jQuery

Submitted by razormist on
In this tutorial we will create a Simple Animated Text Using jQuery. The jQuery is a fast, reliable kind of cross-platform javascript library. It is designed to simplify the traditional way of coding in javascript. So let's now do the coding. Creating the Mark Up To display the animated text will need to create the mark up language, to do that open any kind of text editor(notepad++, etc).

Creating A Very Simple Snake Game Using jQuery

Submitted by razormist on
In this tutorial we will try to make a very simple game called Snake. Snake is the most popular games in the late 1997 that comes from the Nokia 6110 Phone. This game become a favorite past time for all of us a long time ago, even our grand parents played this awesome game. So for today we will try to replicate the game, but this time we will create it through HTML & jQuery Script. Let's get started.

Simple Drawing Application Using jQuery

Submitted by razormist on
In this tutorial we will create a simple drawing application using jQuery. This tutorial will teach you on how to deal with HTML 5 canvas. Canvas is a HTML element which can be used to draw graphics using javascript scripting. This can be used to draw graphs, make photo composition or simple animations. This time we will try to apply jQuery library to this application. Let's start coding! Creating A Mark This will display the canvas work space to draw something.

Simple Color Picker Using jQuery

Submitted by razormist on
In this tutorial we will try to create a simple color picker using jQuery. jQuery is a fast, reliable kind of cross-platform javascript library. It is designed to simplify the traditional way of coding in javascript. This application can also help you decide on what color will you use on designing your on website. So let's now do the coding. Creating the Mark Up To display the color picker will need to create the mark up language, to do that open any kind of text editor(notepad++, etc).

Simple Table Generator Using jQuery

Submitted by razormist on
In this tutorial we will try to create a simple table generator by using jquery. jQuery is a cross-platform javaScript library design to simplified the modern HTML client side scripting. jQuery syntax was made to make it easier to navigate a document, like select DOM elements, develop Ajax applications and etc. Throughout the tutorial you will learn how to apply an array inside a nested loop. So let's start coding Creating The Mark Up To start with the form, open any kind of text editor that your computer have(notepad, notepad++, etc).

Simple To Do List App Using AngularJs

Submitted by razormist on
In this tutorial we will create a Simple To Do List App Using AngularJs. AngularJS is a structural framework for dynamic web application. It is a structural framework for dynamic web application for a better programming tools.This simple application can help organize your overload works by listing it to priority to least.