jQuery插件

1. 插件机制简介
   往jquery类库里面去扩展方法，这类方法就是jquery插件

后台Json的三种格式的体现形式
1 //json对象
Student stu1=new Student(“soo1”, “zhangsan”);
ObjectMapper om=new ObjectMapper();
System.out.println(om.writeValueAsString(stu1));
//{“sid”:“soo1”,“sname”:“zhangsan”}

2	//json数组
	Student stu2=new Student("soo2", "lisi");
	List<Student>list1=new ArrayList<>();
	list1.add(stu1);
	list1.add(stu2);
	System.out.println(om.writeValueAsString(list1));
//	[{"sid":"soo1","sname":"zhangsan"},{"sid":"soo2","sname":"lisi"}]
	
3	//json混合模式
	Map<String, Object> map=new HashMap<>();
	map.put("total", 2);
	map.put("stus", list1);
	System.out.println(om.writeValueAsString(list1));
	//[{"sid":"soo1","sname":"zhangsan"},{"sid":"soo2","sname":"lisi"}]
	

$(function(){
	//json对象字符体现的形式
	var jsonObj1={
			sid:'s001',
	sname:'zhangsan'
	
	};
	/* alert(jsonObj1.sid) */
	console.log(jsonObj1);
	
	//json数组字符体现的形式
	var jsonArray1=[1,3,4,5];
	console.log(jsonArray1);
	
	
	//json混合模式的字符串体现的形式
	var jsons={id:3,hobby:['a','b','c']};
	console.log(jsons);
	
	var jsonObj3={
			sid:'s002',
	sname:'lisi',
		hobby:['a','b','c']
	
	};
	
	//$.extend是用来扩充jquery类属性或者方法
	var jsonObj2={};
	//用后面的对象扩充到第一个对象
	//$.extend(jsonObj2,jsonObj1);
	
	//覆盖 之前已经扩充的属性值会被后面的对象所覆盖 如果后面对象有新的属性会继续扩充
	$.extend(jsonObj2,jsonObj1,jsonObj3);
	console.log(jsonObj2);
	
	$.extend({
		hello:function(){
			alert('我来了');
		}

	})
	$.hello();
	
	//$.fn.extend是扩充jquery实例的属性或者方法所用
	$.fn.extend({
		sayHellow:function(){
			alert('shuo早安');
		}
		
	});
	$("#yellow").sayHellow();
	alert("yellow")
})

3. jQuery插件的添加
   其实就是给jQuery添加新的实例方法或类方法，然后将功能封闭在其中