`

jquery 动态创建 DIV

    博客分类:
  • js
阅读更多

方法一:

var creatediv= function(){
    var parentdiv=$('<div></div>');        //创建一个父div
    parentdiv.attr('id','parent');        //给父div设置id
    parentdiv.addclass('parentdiv');    //添加css样式

    var childdiv=$('<div></div>');        //创建一个子div
    childdiv.attr('id','child');            //给子div设置id
    childdiv.addclass('childdiv');    //添加css样式
    childdiv.appendto(parentdiv);        //将子div添加到父div中

    parentdiv.appendto('body');            //将父div添加到body中
}

 

方法二:

var boarddiv = "<div style='background:white;width:100%;height:100%;z-index:999;position:absolute;top:0;margin-top:100px;'>加载中...</div>"; 
$(window).load(function(){ 
//window.alert("ok"); 
$(document.body).append(boarddiv); 
});

分享到:
评论

相关推荐

    jquery动态创建div与input的实例代码

    下面小编就为大家带来一篇jquery动态创建div与input的实例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    jquery 拖拽动态添加div 保存拖拽后的效果

    NULL 博文链接:https://duinibuhaome.iteye.com/blog/855013

    JQuery 动态生成DIV、Table并处理数据,DWR与后台交互

    // 绑定高度并获得当前隐藏keys(获得当前事件的下一个元素) /** * 显示状态和模块 ...* 动态创建层并添加显示内容 改分页 */ /** * DWR 提交 */ /** * 分页函数 */ /** * 验证 */

    用jQuery向div中添加Html文本内容的简单实现

    下面小编就为大家带来一篇用jQuery向div中添加Html文本内容的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    基于Jquery的动态创建DOM元素的代码

    jquery动态创建页面元素,mark一下,以备以后查询时使用。以创建div和input为例。

    jquery创建div 实现代码

    有时候我们需要动态创建一个div下面是具体的实现代码,大家只要熟悉了jquery的一些基本用法就能轻松的实现。

    javascript与jquery动态创建html元素示例

    本文实例讲述了javascript与jquery动态创建html元素的方法。分享给大家供大家参考,具体如下: 1.javascript创建元素 创建select var select = document.createElement("select"); elect.options[0] = new Option(...

    FullQuery-Plugin:一个让 div 或部分占据全屏大小的 Jquery 插件

    FullQuery 是一个 Jquery 插件,它将动态地使您的部分全屏显示,以及创建用于滚动到下一页的按钮。 我创建 FullQuery 是因为当我第一次开始制作 HTML/CSS 页面时,我经常希望有一种更简单的方法来完成整页网站,而...

    jquery 动态创建元素的方式介绍及应用

    一般动态创建元素可以通过两种方式 1、Dom HTml 代码如下: var select = document.createElement(“select”); select.options[0] = new Option(“加载项1”, “value1”); select.options[1] = new Option(“加载...

    jQuery动态选项卡,包括Tabs中iframe的使用等实例.rar

    适用于jquery的TabControl类动态创建选项卡【标签】,实例中用TabControl类创建了两人个实用的TAB,并加注了丰富的注释,这里要注意一下,第2个tab测试两个之间的冲突,html中的div ID,TAB ID号,tab个数,宽度,...

    超实用的jQuery代码段

    10.20 动态创建listview列表项 10.21 动态加载和切换页面 10.22 在页面切换时显示加载进度框 10.23 在屏幕旋转时更改显示样式 10.24 在列表框中实现加载更多效果 10.25 自定义选择菜单 10.26 使用多个选择菜单进行...

    jQuery 动态选项卡,jquery Tab Control实例演示

    内容索引:脚本资源,jQuery,Tab,选项卡,jQuery标签 实用于jquery的TabControl类动态创建选项卡【标签】,实例中用TabControl类创建了两人个实用的TAB,并加注了丰富的注释,这里要注意一下,第2个tab测试两个之间的...

    jquery插件使用方法大全

    第二行代码得到class 为container的div元素,第三行代码得到标签下面id为msg的div元素(不过最好别这样写,因为jQuery需要遍历所有的div元素,对于带id的元素,直接用$("#id"))。第四行代码得到context为上下文的table...

    jQuery动态生成的元素绑定事件操作实例分析

    本文实例讲述了jQuery动态生成的元素绑定事件操作。分享给大家供大家参考,具体如下: 这段时间在写代码的时候遇到一个问题,通过append()添加的节点,点击事件不起作用。当时我百思不得其解,各种找错都没找到错误...

    如何使用jquery easyui创建标签组件

    标签可以动态地添加或删除多个面板,你可以使用标签在同一个页面上显示不同的实体。 标签一次只能显示一个面板,每个面板都有标题、图表和关闭按钮。当标签被选中之后,会显示相应面板的内容。 使用HTML标记创建...

    jQuery完全实例.rar

    动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。所以...

    关于jquery中动态增加select,事件无效的快速解决方法

    近来做项目,用的jquery1.6.2库,当动态增加div 及select时,事件却不起作用。 查了一些资料,发现bind事件:向匹配元素附加一个或更多事件处理器。而live事件:为当前或未来的匹配元素添加一个或多个事件处理器。 ...

    vue动态生成dom并且自动绑定事件

    用jquery的时候你会发现,页面渲染后动态生成的dom,在生成之前的代码是没办法取到相应对象的,必须重新获取.但是vue基于数据绑定的特性让它能生成的时候直接绑定数据。 html: &lt;div id=app&gt; &lt;input type=...

Global site tag (gtag.js) - Google Analytics