Day10_jquery进阶笔记

一：jQuery数组的遍历

• 1:原始遍历（普通for）将指定的代码重复执行指定的次数
• 2:jquery对象函数遍历（对象.each)
• $(“div”).each(function(index,element){ });
• 3.jquery全局函数遍历($.each)重点!!!
• $.each(数组的对象,function(index,elemen))
• 4:jquery3.0新特性(增强for)重点!!!

二：jquery事件切换

(1）逐个添加事件
需要几个事件，就天添加几次，每次是对象调用函数

• (2）链接方式
  方法返回当前对象
• (3）切换方式
  hover函数接收两个函数（如A,B)
  点击A后事件切换为B

jquery事件绑定和解绑

事件的绑定和解绑

方式1：在标签中写死
function clickFn(){}
方式2：在程序中动态绑定，但是不能解绑
$("#btnId").click(function(){});
方式3：在程序中动态绑定，可以解绑
$("#btnId").on(“click”,function(){});
$("#btnId").on(“mouseover”,function(){});
这种绑定事件的方式可以解绑
$("#btnId").off(“click”);
$("#btnId").off(“mouseover”);jQuery元素对象.off(事件名称);//如果off不加参数，表示解除所有事件

jquery事件切换

（1）逐个添加事件
需要几个事件，就天添加几次，每次是对象调用函数on
（2）链接方式
方法返回当前对象
（3）切换方式
hover函数等于同时绑定鼠标移入，与移出函数

同步请求与异步请求

（1）浏览器和服务器之间数据传输方式
1:同步方式
2:异步方式
（2）两种方式有什么不同？
同步请求，服务器响应时，页面整体刷新
异步请求，服务器响应时，页面局部刷新
（3）异步请求有什么优点？
异步请求可以提高用户的体验性
（4）异步请求应用场景有哪些？
a:用户名检测
b:搜索的自动补全
c:页面的局部刷新

$.get请求-原理

（1）get函数
$.get(url, [data], [callback], [type])
url:表示服务器的访问路径,如:“s1”
data:表示向服务器发送的参数, 格式: 1: “username=wzx&password=123” 2:json串
callback：匿名函数，表示接收服务器发送过来的响应，这个函数自动执行
type :表示浏览器期望服务器发送过来的数据类型，格式：“text” “json”
（2）get请求原理

json字符串

（1）什么是json字符串
JSON( JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。
（2）有什么特点？
》1 完全独立于编程语言的文本格式来存储和表示数据。
》2 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。
》3 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。