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