怎么在jquery中在div中加一段html

<style>

.box1{

    width: 600px

    height:300px

    border: 6px solid #bb0000

     

}

h1{

    border-bottom: 1px solid green

}

 

</style>

 

<div class="box1">

    点击改变内容

</div>

<script src="http://code.jquery.com/jquery.js"></script>

<script>

    $('.box1').click(function(event) {

        $(this).html('=========================================================这是新添贴==================================')

    })

</script>

使用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对象的函数。

js:

document.getElementById("TemplateContent").innerHTML = "添加的内容"

jq:

$("#TemplateContent").html("添加的内容")

//↓只添加文字

$("#TemplateContent").text("添加的文字")

//↓添加dom

$("#TemplateContent").append(document.createElement("div"))

---