思维导图

 笔记：

        区分java的类方法以及对象方法

        --类（静态）方法：列如DBHelper。getCon()

        --对象方法：StuDao sd = new StuDao(); sd.addStu();

一、自定义插件

1.$.extend() 实现对象继承

--案例1：两个对象的继承

//定义两个对象
var s1={};
var s2={"name":"小坤","age":18};
//继承前
console.info(s1.name,s1.age);//空的
console.info(s2.name,s2.age);//有值
//开始继承
$.extend(s1,s2);//s1继承s2
//继承后
console.info(s1.name,s1.age);//有值
onsole.info(s2.name,s2.age);//有值

 2.$.extend() 扩展jQuery类方法

--案例2：求最大值（最小值）

$.extend({
	abcd:function(){
	    alert(1234);
	},
	getMax:function(a,b){
		return a>b?a:b;
	},
	getMin:function(a,b){
		return a<b?a:b;
	}
})

3.$.fn.extend() 扩展jQuery对象方法

注意这里：一处写处处可以用

$.fn.extend({
	xx:function(){
		//遍历
		$(this).each(function(i,ck){//ck指的是每一个复选框
			ck.checked=true;//让其选中
		})
	},
	yy:function(){
		//遍历
		$(this).each(function(i,ck){//ck指的是每一个复选框
    		ck.checked=false;//让其选中
		})
	}
})

--案例3：实现全选效果

按钮实现全选

$("#ok").click(function(){
	$(".aaa").xx();
})
$("#nook").click(function(){
	$(".aaa").yy();
})

 复选框实现全选效果

$("#qx").on("click",function(){
	//让其他复选框的状态跟全选框保持一致
	// console.info($("#qx").prop("checked"));//拿值
	// if($(this).prop("checked")){//说明全选框选中
    		if($(this).is(":checked")){//是选中的吗
	    		$(".aaa").xx();//让其他复选框都选中
			}
			else{
				$(".aaa").yy();
			}
})

完善复选框的全选

$(".aaa").click(function(){
    var f = true;
	//遍历
	$(".aaa").each(function(i,ck){//ck是指每一个复选框
		if(ck.checked==false){//只要有任何一个没有选中
			f = false;
		}
	})
	$("#qx").prop("checked",f);
})

二、第三方插件：表单验证插件

--案例4：表单验证（用户名，密码，确认密码，年龄，邮箱，网址url）

注意：这里可以插入中文提示：

1、字段规范部分的单词不要写错这里没有提示：rules：{。。。。}，

写一个用冒号（：） 隔开

2、错误信息提示部分：messages：{。。。。}，跟上面部分一样的，把冒号（：）后面的字母改写成中文的就好了。要加上双引号:比如：required："什么什么必填".

 四、原代码块