jQuery

1. 什么是jQuery？
   jQuery就是javascript的一个库，把我们常用的一些功能进行了封装，方便我们来调用，提高我们的开发效率。它是一个轻量级的javascript类库
   注1：就一个类“jQuery”，简写“$”

2. jQuery优点
   总是面向集合，多行操作集于一行

jquery的程序入口

$(function(){
		alert("hello");
	})

$(document).ready(function(){
		alert("hello");
	})

$(fn)、$(document).ready(fn)是等价的，哪个在前面就先执行哪一个，它们是等jsp的dom树结构加载完毕即刻调用方法。

js对象与jquery对象的相互转换

jquery转js

		var $qu = $("#aa");
		var qu = $qu.get(0);//第一种
		var qu = $qu[0];//第二种
		alert(qu.value);

js转jquery

		var qu = document.getElementById("#aa");
		$qu = $(qu);
		alert($qu.html());

this指针的作用

		$(":input").click(function(){
			//指的是事件源
			alert(this.value);
			$("a").each(function(index,item){
				//this指的是当前元素
				alert(index+","+$(this).html()+","+$(item).html());
			})
		})

json的体现形式

	//json对象的字符串体现形式
		var a = {
				sid:"s001",
				sname:"zs"
		}
		console.log(a);
		//json数组的字符串体现形式
		var b =[1,2,3,4]
		console.log(b);
		//json混合模式的字符串体现形式
		var c = {id:3,hobby:["a","c"]};
		console.log(c);

extend的扩充

//json对象的字符串体现形式
		var jsonObj = {
				sid:"s001",
				sname:"zs"
		}
		var jsonObj2 = {
				sid:"s001",
				sname:"zs",
				hobby:["a","c"]
		}
		//$.extend是用来扩充jQuery类属性及方法的
		var json = {};
		//用后面的对象扩充第一个对象
		//$.extend(json,jsonObj);
		//讲解子覆盖的问题，之前已经扩充的属性值会被后面的对象所覆盖
		//如果后面对象有新的属性，会据需扩充
		$.extend(json,jsonObj,jsonObj2);
		console.log(json);

		//$.fn.extend是用来扩充jquery实例的属性或者方法所用
		$.extend({
			a:function(){
				alert("aaa");
			}
		});
		$("yellow").a();
		alert("yellow");

extend的实列

		//原生态写法
		//给默认值
		$("table[id='t1'] tr:eq(0)").addClass("green");
		$("table[id='t1'] tr:gt(0)").addClass("blue");
		
		//添加动态效果
		$("table[id='t1'] tr:gt(0)").hover(function(){
			$(this).removeClass().addClass("yello");
		},function(){
			$(this).removeClass().addClass("blue");
		});
		
		//给默认值
		$("table[id='t2'] tr:eq(0)").addClass("fen");
		$("table[id='t2'] tr:gt(0)").addClass("hui");
		
		//添加动态效果
		$("table[id='t2'] tr:gt(0)").hover(function(){
			$(this).removeClass().addClass("red");
		},function(){
			$(this).removeClass().addClass("hui");
		});

ajax的转换

Jackson是一个简单基于Java应用库，Jackson可以轻松的将Java对象转换成json对象
和xml文档，同样也可以将json、xml转换成Java对象

Map<String,String> stu = new hashMap<>();
	stu.add("01","gd");
	stu.add("02","zg");
	ObjectMapper mapper = new ObjectMapper();//转为json的形式
   System.out.print( mapper.writeValueAsString(obj););

也可以将json对象转为java对象,在 用$.ajax的时候可以转为java对象

var stu = $.pareJSON(str);