Creating 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

http://code.google.com/p/wikicontribs/downloads/list

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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>jQueryCreate Demo</title>

<style>

.div

{

/* background-color: Red;*/

}

</style>

</head>

<body>

</div>

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

$('#divdemo').append(demo);

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

'href': '#'

});

var demo = $.create('div',

{

'class': 'div'

}, ['Email: [email protected]']);

a.appendChild(demo);

$('#divdemo').append(a);

</script>

</form>

</body>

</html>

Step 3: your output like