JQuery、JS&Ajax

JQ通过选择器绑定事件

#one——id选择器
.one—— 类选择器
p,#a—— 并集选择器
body div—— 层级选择器
div[title!='test']—— 属性选择器
 div:first—— 过滤选择器
input[type=’text‘]:enabled—— 表单过滤选择器

Dom操作

1内容操作

 html()
 text()
 val()

2属性操作

(1)通用属性操作

 attr()
 removeAttr()
 prop()
 removeProp()

attr操作自定义属性,prop操作固有属性

(2)对class属性操作

 addClass()
 removeClass()
 toggleClass("类属性值")
 css()

(3)crud操作

//对象1、对象2为父子关系
对象1.appendTo(对象2)//将对象1添加到对象2内部的末尾
对象1.prepend(对象2)//将对象1添加到对象2元素内部的开头

//对象1、对象2为兄弟关系
对象1.after(对象2)//将对象2添加到对象1后边
对象1.before(对象2)//将对象2添加到对象1前边

对象.remove()//将对象删除
对象.empty()//将对象的后代全部清空

遍历

for(初始化;循环结束条件;步长)

jq的遍历方式

jq对象.each(callback)
$.each(object,[callback])
for..of

jq事件绑定的三种方式

jq对象.事件方法(callback);
jq对象.on("事件名称",回调函数)//jq对象.off("事件名称")
jq对象.toggle(fn1,fn2)//事件切换

js与jq的相互转换

this.innerHTML//js方式
$(this).html(1)//将js对象转为jq对象，再调用具有同等效果的jq对象方法

插件：增强JQ的功能

$.fn.extend(object)//增强通过JQ获取的对象的功能
$.extend(object)//增强JQ对象自身的功能（对全局方法进行扩展）

Ajax使用jq实现

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

Json

mapper.writeValue(new File("d://a.txt"),p);//转json并保存到指定路径中
mapper.writeValue(new FileWrite("d://b.txt"),p);//转json并填充到字节输出流中输出
mapper.writeValueAsString(p);//仅仅转json

对象转json

Map<String,Object> map = new HasMap<String,Object>();
map.put("name","张三");
map.put("age","23");
map.put("gender","男");
ObjectMapper mapper = new ObjectMapper();
String json = mapper.writeValueAsString(map);
//map对象转json,输出结果为：{ }

List<Person> ps = new ArrayList<Person>();
ps.add(p);
ps.add(p1);
ps.add(p2);
ObjectMapper mapper = new ObjectMapper();
String json = mapper.writeValue(ps);
//将一个对象数组转为json数组，结果为：[{},{},{}....]

Json转java对象

String json = "{\"gender\":\"男\",\"name\":\"张三\",\"age\":23}";
Object person = new ObjectMapper();
Person mapper = mapper.readValue(json,Person.class);

设置一个响应的字符输出流，此流一直打开，将map对象转为json字符串后，输出到此流中，对页面进行响应，同时会将数据存入session中

mapper.writeValue(response.getWriter(),map);

仅仅传到页面不存入session中

String json = ObjectMapper.writeValueAsString(map);
response.getWriter().write(json);

服务器响应数据，在客户段使用时，要想当做json数据格式使用

$.get(type);//将最后一个参数type指定为"json"
response.SetContenType("application/json;charset = utf-8");//在服务器端指定MIME类型后，前端不再需要设置响应数据的参数类型