- 插件机制简介
往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")
})
- jQuery插件的添加
其实就是给jQuery添加新的实例方法或类方法,然后将功能封闭在其中