jQuery
jQuery是一个快速、简洁的JavaScript框架,本质上就是一些js文件,封装了js的原生代码而已
jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
js -- > jq : $(js对象)
入口函数 $(function () {});
window.onload 和 $(function) 区别:window.onload 需要等待页面资源全部加载完成,且只能定义一次,如果定义多次,后边的会将前边的覆盖掉。$(function)在dom全部创建完成即可,可以定义多次的。
基本选择器
标签选择器$("html标签名")
id选择器$("#id的属性值")
类选择器$(".class的属性值")
并集选择器$("选择器1,选择器2....")
层级选择器
后代选择器$("A B ")
子选择器$("A > B") 选择A元素内部的所有B子元素
属性选择器
属性名称选择器 $("A[属性名]")
属性选择器$("A[属性名='值']....")
过滤选择器
首元素选择器$("doms:first")
尾元素选择器 $("doms:last")
偶数选择器$("doms:even")
奇数选择器$("doms:odd")
可用元素选择器$("forms:enabled")
不可用元素选择器$("forms:disabled")
选中选择器$("forms:checked")
选中选择器 $("options:selected")
DOM操作
内容操作
html(): 获取/设置元素的标签体内容
val(): 获取/设置元素的value属性值
text(): 获取/设置元素的标签体纯文本内容
属性操作
prop()操作的是元素的固有属性
attr()操作的是元素自定义的属性
样式操作
addClass():添加class属性值
removeClass():删除class属性值
toggleClass():切换class属性
CRUD操作
append():父元素将子元素追加到末尾
prepend():父元素将子元素追加到开头
after():添加元素到元素后边
before():添加元素到元素前边
remove():移除元素
empty():清空元素的所有后代元素。
动画
显示
show
slideDown
fadeIn
隐藏
hide
slideUp
fadeOut
遍历:jq对象.each(callback)
Ajax
Ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术
同步:客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。
异步:客户端不需要等待服务器端的响应。在服务器处理请求的过程中,客户端可以进行其他的操作
JQeury实现方式
$.ajax({
url:"ajaxServlet1111" , // 请求路径
type:"POST" , //请求方式
data:{"username":"jack","age":23},
success:function (data) {
alert(data);
},//响应成功后的回调函数
error:function () {
alert("出错啦...")
},//表示如果请求响应出现错误,会执行的回调函数
});
JSON:JavaScript对象表示法
json现在多用于存储和交换文本信息的语法
进行数据的传输
JSON 比 XML 更小、更快,更易解析。
数据在键值对中
数据由逗号分隔
花括号保存对象
方括号保存数组
获取方式
json对象.键名
json对象["键名"]
数组对象[索引]
遍历
JSON解析器:
常见的解析器:Jsonlib,Gson,fastjson,jackson
JSON转为Java对象:readValue(json字符串数据,Class)
Java对象转换JSON:writeValueAsString(obj)