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()//将对象的后代全部清空
遍历
js
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类型后,前端不再需要设置响应数据的参数类型