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.
    • Like
    • Love It
    • Awesome
    • Interesting
    • It's Okay
    • Thumbs Down
  • 3.2k
  • 0

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