一、DOM

1.1 追加元素

内部追加,追加的元素变成子元素

• append 追加,元素内部后面追加

• prepend 追加,元素内部前面追加

外部追加,追加的元素变成了兄弟元素

• after 追加,元素外部后面追加

• before 追加,元素外部前面追加

 
内部 后面 追加内部 前面 追加
外部 后面 追加外部 前面 追加

1.2 删除元素

删除元素

• empty() 删除子元素及内容,保留自己

• remove() 删除全部元素,包括自己

• remove(选择器) 删除指定选择器选到的元素

 删除元素 - empty删除元素 - remove
删除元素 - remove(选择器)

二、JQuery筛选查找

2.1 过滤

第1段
第2段
第3段
第4段
第5段
firstlasteqnot filter

2.2 查找

查找祖先

• parent() 直接父级

• parents() 查找所有祖先,包括到html根标签

• parentsUntil(元素) 返回所有父级,直到指定元素停止

查找后代

• children() 返回直接后代(子)

• find(选择器) 返回所有后代,再根据指定选择器过滤

查找兄弟

• siblings() 所有兄弟

• next() 下一个兄弟

• prev() 上一个兄弟

 
 3
 4
 5
 6
 7
查找父级查找所有祖先查找所有祖先直到
查找直接后代查找所有后代
查找所有兄弟查找上一个兄弟查找下一个兄弟

三、Ajax

ajax 是异步JavaScript和XML(Asynchronous JavaScript and XML)

• 异步,页面中科院同时进行多个事情

• 经典案例: 注册框,输入完用户名直接提示"已注册"

• 这就是异步,也就是局部刷新

使用ajax与服务器进行异步交互,向服务器发送数据,接收服务器发来的数据

3.2 $.get

get请求一般用来从服务器获得数据,一般就是用来查询数据

// $.get() 可以向服务器发送一个get请求

// $.get(url, [data], [callback], [type])

// url是服务器路径,必填

// data,是向服务器发送的数据,可选

// callback,请求完成后的回调函数,可选

// type,返回内容类型,可选

 $.get --> go
编号
姓名
分数
班号
生日
组号

4.3 $.post

post一般是向服务器发送数据的,一般是用来添加

4.4 $.ajax

$.ajax (json)向服务器发送请求,这种写法很灵活,可以设置请求中的任何参数

$.ajax({url:"",   // 服务器路径type:"",  // 请求方式,默认是getdata:"",  // 向服务器发送的数据success:function(ret){  // 成功的回调函数,参数就是服务器返回的数据},error:function(){ // ajax请求失败执行的回调函数}});