jquery创建一个div,jquery创建新元素

javascript怎么创建div

纯JAVASCRIPPT创建

(1):document.getElementById("要创建DIV位置的ID").innerHTML='divdiv里面的内容/div';

(2):

var createDiv=document.createElement("div");  

createDiv.title="div title.";  

createDiv.id="id";  

createDiv.class="class";  

createDiv.innerHTML="div里面的内容!";  

document.body.appendChild(createDiv);//添加到BODY节点中 

JQUERY

$("#要创建DIV位置的ID").html('divdiv里面的内容/div');

相关问答

Q1: jquery创建div并绑定onmousedown方法

那个。。

在动态向DOM中添加元素的时候，不可以使用标签的方式绑定事件。

因为标签绑定事件是在页面加载的时候处理的，而你动态添加的元素在页面加载的时候并不存在，更不要说读取标签绑定事件了。

这里，既然你用到了jquery，为什么不用jquery的方式去绑定事件呢？

div.attr("onmousedown","moveInit(this,event);");

div.attr("onmousemove","Move(this,event);");

div.attr("onmouseup","stopMove()");

div.attr("onmouseout","stopMove()");

这一段，改为：

// 由于目标函数需要参数，所以这里使用匿名函数来调用

div.mousedown(function(event){

    moveInit(this,event);

});

div.mousemove(function(event){

    Move(this,event);

});

div.mouseup(stopMove);

div.mouseout(stopMove);

Q2: 怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div

JQuery中点击一次添加按钮，增加一个div的思路如下

给按钮注册一个点击的监听事件

在监听器中创建一个div元素附加在一个html元素后面

示例代码如下

!DOCTYPE html

html

head

meta charset="utf-8"

style type="text/css"

#father

{

 width:150px;

 height:150px;

 background-color:red;

}

#father div

{

 width:50px;

 height:50px;

 background-color:green;

 font-size:12px;

}

/style

script type="text/javascript" src="/jQuery/jquery-1.8.3.js"/script

script type="text/javascript"

$(document).ready(function(){

  $("#btn").click(function(){

  

  })

  //father元素后面增加一个div元素

 $("#father").prepend("div新的div/div");

})

/script

/head

body

input type="button" value="增加div" id="btn"

div id="father"/div

/body

/html