jQuery动态生成html元素

1.使用jQuery动态创建元素追加到jQuery对象上。

2.先把内容放到数组中，然后遍历数组拼接成html。

3.使用模版生成html

本篇文章是对在Jquery中把一段代码动态写入到DIV中的实现方法进行了详细的分析介绍 需要的朋友可以参考下   复制代码 代码如下: nav = "<div style= width: pxheight: pxfloat:leftbackground:url(login_image/index/on_ jpg)font size: pxcolor:whiteline height: pxid= left_tab" +  "</div>" 复制代码 代码如下:  $("#top_ ") (nav )lishixinzhi/Article/program/Java/JSP/201311/20488

使用ajax。

参考代码：

$(function(){

$.ajax({

type:"POST",      url:"LoginLoadArticle.ashx",    

data: "type="+escape("最新公告") ,

success:function(msg){

$(".gonggao").html(msg)

      },      error:function(XMLHttpRequest, textStatus, thrownError){}

})

})

扩展资料：

xml：返回XML文档，可用JQuery处理。 

html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。 

script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。 

json：返回JSON数据。 

jsonp：JSONP格式。使用SONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。 

text：返回纯文本字符串。 

beforeSend：要求为Function类型的参数，发送请求前可以修改XMLHttpRequest对象的函数。

---