jquery加载div,jquery加载事件

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

利用jq的append()追加函数即可实现，如：

html：

div class="main"

    input type="button" value="添加" class="btn" /

/div

JQ：

$(document).ready(function(){

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

        var html = 'div style="width:200px; height:30px; border:1px dashed red; margin-bottom:20px;"/div';

        $(".main").append(html);

    });

});

相关问答

Q1: jquery div load 加载怎么写

!DOCTYPE html

html

head

script src=""

/script

script

$(document).ready(function(){

  $("button").click(function(){

    $("#div1").load("demo_test.txt");

  });

});

/script

/head

body

div id="div1"h2Let jQuery AJAX Change This Text/h2/div

buttonGet External Content/button

/body

/html

你看看是不是你想要的

Q2: jquery 中某一div被加载后触发事件，怎么写？

需要准备的材料分别有：电脑、html编辑器、chrome浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script标签，输入jquery代码：

$('div').load(function () {$('body').append('div has load');});

3、浏览器运行index.html页面，此时页面中div加载完会调用事件输出“div has load”。

Q3: 怎样用jquery在div中加载页面

使用jquery中的load事件。

load事件可以载入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。

参数url,[data,[callback]]

url:待装入 HTML 网页网址。

data:发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。

callback:载入成功时回调函数。

例子$("#test").load("index.html");在元素test中载入index页面

Q4: jQuery怎么加载一个html页面到我指定的div里面

div

id="moon"/div

script

$(

"#moon"

).load(

"demo2.html",

function(

response,

status,

xhr

)

{

$('#moon').html(response);

});

只能加载本地文件，加载时把文件路径写正确