还是老规矩,先来一波思维导图
自定义插件
$.extend
【作用1】对象继承: $.extend(对象1,对象2)---->对象1继承对象2
案例1:对象间的继承(两个对象)
【作用2】扩展jQuery类方法:$.extend( {方法名:function(){ 方法体 } } )
注意多个方法之间用逗号隔开
案例2:扩展$.max()和$.min()方法
$.fn.extend
【作用】扩展jQuery对象方法:$.fn.extend( {方法名:function(){ 方法体 } } )
注意多个方法之间用逗号隔开
案例3:扩展复选框的全选和取消全选功能【升级之前的版本】
第三方插件
表单验证
查看API官方文档
插件名:jQuery Validation
使用步骤
【1】.下载jQuery插件验证库
jquery.validate.js
【2】.将类库引入页面
【3】.两种方式使用验证
HTML标签属性方式
JS方式【推荐】
验证规则说明
见jQueryValidate规则.png
案例4:演示表单验证(用户名、密码、确认密码、年龄、邮箱、网址)
今天的分享就到这里啦,我们下次再见!