jquery基本简介与使用

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