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