jQuery05(插件)

本文介绍了jQuery中自定义插件的方法,包括使用$.extend进行对象继承和扩展jQuery类方法,以及$.fn.extend扩展jQuery对象方法的案例。此外,还详细讲解了第三方插件jQuery Validation的使用步骤、验证规则和应用实例,帮助读者掌握jQuery插件的开发与应用。
摘要由CSDN通过智能技术生成

还是老规矩,先来一波思维导图

 

 自定义插件
    $.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:演示表单验证(用户名、密码、确认密码、年龄、邮箱、网址)

 

 今天的分享就到这里啦,我们下次再见!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值