如何动态获取一些html文件并使用它来创建带有jQuery的DIV内容?

时间:2009-09-06 10:28:39

标签: jquery ajax

说,如何实现这三个步骤:

1.从服务器端获取html源

2.使用上述来源创建DIV

3.将其添加到<body>元素

2 个答案:

答案 0 :(得分:7)

$('<div></div>').load("/url/to/load.html").appendTo('body');

将动态创建div然后进行ajax调用(这必须是本地文件),然后将其附加到您的身体。

另外,你可以给你的div更多属性:

$('<div class="cssname"><span>hello</span></div>')

另外,您还可以指定要加载的页面的某个div:

$('<div></div>').load("/url/to/load.html #onlythis .block")

没有限制,请记住,如果您想创建页面中不存在的内容,请执行以下操作:

$('<element></element>')

并且不要忘记追加它

HF!

答案 1 :(得分:0)

将一个带有类名的人添加到正文末尾说“附加”,其中没有任何内容。

然后

$('.append').load('url of content');

善,