快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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

javascript怎么创建div

纯JAVASCRIPPT创建

创新互联成立于2013年,是专业互联网技术服务公司,拥有项目网站设计制作、成都网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元普兰店做网站,已为上家服务,为普兰店各地企业和个人服务,联系电话:18982081108

(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');

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);

怎么用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


分享名称:jquery创建一个div,jquery创建新元素
文章地址:http://6mz.cn/article/dscdddo.html

其他资讯