jquery
它是一个功能强大的js库;它将一些常用的js通用功能和操作进行了封装;是目前最流行的js库;write less,do more;
jquery的特点;
轻量级:小;
跨浏览器:
链式编程:让编程更加简单;
使用简单:入门快;
jquery的模块化分
入口模块:
相当于window.οnlοad=function();
(function()alert(“hello”););功能模块:dom操作,属性,样式;事件操作,ajax;底层模块:了解即可,不会直接使用;第一个jquery程序导js库使用(function(){
alert("hello world");
});
*问题window.onload与(function())的区别?window.onload是在文档的内容都加载完毕后触发;(函数)是在文档的结构加载完成后触发;*
Jquery对象;
它是对js对象的封装;
var a=document.getElementById(“text”);
a.value=”hello world”
var a=(“#text”);
a.val(“hello world”);
jquery对象常用的方法;
val():设置和获取组件的value值
a.val(“hello”);
var v=a.val();
text():设置和获取标签中的文本内容;
html():设置和获取标记中的html内容;
attr()
prop():设置和获取属性内容;
prop(“checked”,true);
prop(“checked”);
事件
jquery对象.事件(function(){});
获取Jquery对象(“选择器”);
标记选择器:标签名 var a=(“a”)id选择器:id值,应该唯一;.class选择器:.类名多个选择器:selector1,selector2,…()的多种用法;
(function):入口函数;(selector):根据选择器获取对应的Jquery对象
(element):将js中的dom对象转换成Jquery对象;(html):根据html标记,创建jquery对象;
var a=$(“”);
Dom操作
CURD;
常用方法:
parent():父结点
children():子结点
append():在一个结点中追加一个子结点;
prepend():增加一个位于首位的子结点,
after():在某个结点后增加一个兄弟结点
before():在某个结点前面增加一个兄弟结点
empty():清空一个结点;
remove():删除一个结点;
replaceWith():替换
事件
jquery对象.事件方法(function(){});绑定事件
jquery对象.事件方法();手动触发事件;
常用事件
click();
blur();
change();
mouseover();
hover();
etc;
其它绑定事件的方法
bind(“click”,function(){});
on(“focus”,function(){});
Ajax
jquery为我们提供了丰富的ajax操作;
.get(url,json格式的参数,callback);.post();与get相同;
getJSON
ajax
load
小结
ajax请求;
jackson.jar ->将java对象转换成json格式的字符串;
ObjectMapper mapper=new ObjectMapper();
String str=mapper.writeValueAsString(object);
getJSON();