【全套jQuery】学了一下午，我敢说这一定是最好的笔记！

可以利用此函数切换路径改变图片等内容

操作文本用text，其它属性的设置建议用attr函数

remove

$（选择器）.remove（）：将数组中所有DOM对象及其子对象一并删除

empty

$（选择器）.empty（）:将数组中所有DoM对象的子对象删除

append

$（选择器）.html（）:无参数调用方法，获取DOM数组第一个匹元素的内容。

（选择器）.html（值）：有参数调用，用于设置DOM数组中所有元素的内容。

each函数是对数组，json和dom数组等的遍历，对每个元素调用一次函数。

语法1：$.each(要遍历的对象，function(index,element){处理程序})

语法2:jQuery对象.each(function(index,element){处理程序})

语法： $.each ( 循环的内容， 处理函数 ) ：表示使用 jQuery 的 each ，循环数组，每个数组成员，

都会执行后面的“处理函数”一次。

$: 相当于是java的一个类名

each :就是类中的静态方法。

静态方法调用，可以使用 类名.方法名称

function(index, emelent) :

index , element 都是自定义的形参， 名称自定义。

index ：循环的索引（数组下标）

element ：数组中的对象

循环普通数组，非dom

$("btn6").click(function(){
// 循
 var arr = [1,2,3];
 $.each(arr,function(index,element){
  alert("循环变量："+index+"===数组成员"+element);
 })
})

循环JSON

$("$btn7").click(function(){
 //循环json
 var json ={"name:":"张三","age":20};
 $.each(json,function(i,n){
  alert("i是key="+i",n是值="+n)
 })
})

循环dom数组

$("#btn8").click(function(){
 //循环dom数组
 var domArray = $(":text);
 $.each(domArray,function(i,n){
  //n是数组中的dom对象
  alert("i="+i+",n="+n.value)
 })
})

循环jquery对象

$("#btn9").click(function(){
 $(":text").each(function(i,n){
    // jquery对象就是dom数组
  alert("i="+i+",n="+n.value);
 })
})

定义元素监听事件

语法：$（选择器）.监听事件名称（处理函数）：

说明：监听事件名称是js事件中去掉on后的内容，js中的onclick的监听事件名是click

为页面中所有的button绑定onclick,并关联处理函数funl

S("button").click(fun1)

为页面中所有的tr标签绑定onmouseover,.并关联处理函数fun2

$("tr").mouseover(fun2)

on()绑定事件

$(选择器).on(event,function)时间名称和事件的处理函数

$.ajax(  {名称:值， 名称1:值1..... } )

$.ajax(  {  async:true , 
	contentType:"application/json" , 
	data: {name:"lisi",age:20 },
dataType:"json",
error:function(){
请求出现错误时，执行的函数
success:function( data ) {
// data 就是responseText, 是jQuery处理后的数据。
url:"bmiAjax",
type:"get"
回忆ajax使用四大步骤：
创建异步对象var xmlHttp=new XMLHttpRequestO
xmlHttp.onreadystatechange=function()(获取服务器端返回的数据，更新dom}
初始化请求参数xmIHttp.open(get,url,true)
发送请求xmlHttp..send()
以上这些操作全都融入到了一个$.ajax()函数当中
$.ajax() 是 jQuery 中 AJAX 请求的核心方法，它可以通过传入一个 JSON 对象来设置请求参数。具体语法如下：
$.ajax({
  name1: value1,
  name2: value2,
  ...
});

其中，name 表示参数名，value 表示参数值。常用的参数说明如下：
async: 布尔值，表示请求是否异步处理，默认为 true。
contentType: 发送数据到服务器时所使用的内容类型，默认为application/x-www-form-urlencoded。
data: 规定要发送到服务器的数据，可以是字符串、数组或 JSON 对象。
dataType: 期望从服务器响应的数据类型，常用的有xml、json、text、html等。
error: 如果请求失败要运行的函数。
success: 当请求成功时运行的函数。
type: 规定请求的类型，常用的有GET和POST。
url: 规定发送请求的 URL。
例如，以下代码实现了一个简单的 AJAX 请求：
$.ajax({
  type: "GET",
  url: "https://api.example.com/data",
  // 期望浏览器返回json格式数据，现在用的几乎都是json
  dataType: "json",
  success: function(data) {
    console.log(data);
  },
  error: function() {
    console.log("请求失败");
  }
});

以上代码表示向 https://api.example.com/data 发送一个 GET 请求，期望返回 JSON 格式的数据。如果请求成功，则将返回的数据打印到控制台上；如果请求失败，则输出"请求失败"。
$.ajax() 是 jQuery 中 AJAX 请求的核心方法，它可以通过传入一个 JSON 对象来设置请求参数。具体语法如下：
javascript复制代码$.ajax({
  async: true, 
  contentType: "application/json", 
  data: {name: "lisi", age: 20},
  dataType: "json",
  error: function() {
    // 请求出现错误时执行的函数
  },
  success: function(data) {
    // 请求成功时执行的函数，data 是处理后的数据
  },
  url: "bmiAjax",
  type: "get"
});

json结构的参数说明：
async: 布尔值，表示请求是否异步处理，默认为 true，表示异步请求的，可以不写async这个配置项
xmlHttp.open(get,url,true),第三个参数一样的意思。
contentType:  一个字符串，发送数据到服务器时所使用的内容类型， 可以不写，默认为application/x-www-form-urlencoded。
例如你想表示请求的参数是json格式的， 可以写application/json
data: 规定要发送到服务器的数据，可以是字符串、数组或 JSON 对象，表示请求的参数和参数值。 常用的是json格式的数据
dataType: 期望从服务器响应的数据类型，常用的有xml、json、text、html等。
当我们使用$.ajax()发送请求时， 会把dataType的值发送给服务器， 那我们的servlet能够读取到dataType的值，就知道你的浏览器需要的是 json或者xml的数据，那么服务器就可以返回你需要的数据格式。
error: 如果请求失败要运行的函数。
error:function() {   发生错误时执行  }
success: 当请求成功时运行的函数。
使用XMLHttpRequest对象， 当readyState==4 && status==200的时候就会用到它
url: 规定发送请求的 URL。
type: 规定请求的类型，常用的有GET和POST，不用区分大小写，默认为 GET
主要使用 的是这几个参数url , data ,dataType, success 
$.ajax({
  url: "url地址",
  data: {数据},
  dataType: "数据类型，如json等",
  success: function(response) {
    // 处理响应结果
    alert(response);
  }
});

以上代码表示向 bmiAjax 发送一个 GET 请求，期望返回 JSON 格式的数据。如果请求成功，则将处理后的数据作为参数传递给 success 函数；如果请求失败，则执行 error 函数。
拓展 & 回忆
readyState==4和status==200是AJAX请求的两个判断条件，表示以下含义：