Scroll To Top

Creating DOM using jQuery

By Gohil Jayendrasinh Jun 20, 2012
In this blog I am going to explain about how to Create DOM using jQuery.

Creating DOM is very useful for AJAX base application and using jQuery.create API you can create DOM element easily.

You can download jQuery.create from

Setp 1: Add create.js in your project.

Step 2 : you r aspx page like

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="jQueryCreate.Default" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">

<head runat="server">

    <title>jQueryCreate Demo</title>




            /* background-color: Red;*/



    <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>

    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

    <script src="Scripts/create.js" type="text/javascript"></script>



    <form id="form1" runat="server">

    <div id="divdemo">


    <script language="javascript" type="text/javascript">

        var demo = $.create('div', { 'class': 'div' }, ['Name: Jayendrasinh Gohil (Lion)']);


        var a = $.create('a', {

            'href': '#'



        var demo = $.create('div',


              'class': 'div'


          }, ['Email:']);










Step 3: your output like