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();