.load()——当元素加载完毕后执行、载入远程代码（ajax）

一、当DOM元素加载完毕后执行，正常的jquery方法

写法：

元素.load(function(){})

$(window).load(function(){})

 

二、载入远程代码，属于ajax方法

写法：元素.load(地址,数据,function(请求返回的内容 , 请求状态 , XMLHttpRequert对象){})

参数：

1、地址：请求HTML页面的url地址

2、数据：可选，发送到服务器的数据

不写参数：默认就是get方法。

有参数：默认就是post方法。

3、回调函数：请求完成后执行的函数，无论请求成功或失败都触发

请求状态分为：success、error、notmodified、timeout 四种

$(".aa").click(function(){
    $(".bb").load("test.html", { name: "shj", age: "12" },function (responseText, textStatus, XMLHttpRequest) { });
});

加载文件的css样式：地址里的可以是一个HTML文件，可以不写样式，继承主页面的样式

加载文档中部分内容：

写法：.load("地址 属性名")

$(".bb").load("test.html .name");  //只加载class名为name的html