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

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

可以定义一个全局变量，在选取该元素将此元素赋给此变量，在点button时，将此变量append到你所要添加的地方。

比如：

var

tempDOM

function

clickDOM(){

tempDOM

=

$(this)

}

function

clickButton(){

$("#你所要添加到的div或者其他的id").append(tempDOM)

}

<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>

---