自定义插件：

1. $.extend(参数);

1.1 概述：

类似Java的类()方法，也就是可以直接通过"$"调用（无方法名时）；

1.2 作用一：对象继承：

$.extend(参数1，参数2，参数3.....等);

①.参数1继承参数2（两个参数）；

②.参数1继承参数2和参数3等（三个参数以上）；

1.3 作用二：扩展JQuery类方法：

$.extend({

方法名: function (){方法体}

});

注意:多个方法要用逗号(",")隔开；

调用方式:

$.方法名(自定义的参数);（有方法名时）

2. $.fn.extend({

方法名: function () {方法体}

});

fn代表: function(方法或函数)；

2.1 作用：扩展JQuery对象方法；

2.2 调用方式：

①.在某个对象里调用时：$(this).方法名();

②.$.fn.方法名();

3. 表单验证插件：

3.1 下载并引入JQuery插件验证库：jquery.validate.js

3.2 JavaScript验证方式（推荐）：

$("表单元素").validate({

rules:{ id或name名: {字段验证规则} },

messages:{ id或name名: {自定义错误信息提示} }

});

注意：不要打分号(";"),用句号(",")隔开或连接；

rules:规则(区分大小写)；

messages:自定义错误信息；

字段验证的规则如下:

4. 本章思维导图：

5. 附件图片：

JQuery快速入门之插件相关推荐

JQuery 基础 || 目前 jQuery 有三个大版本||JQuery快速入门
1. 概念: 一个JavaScript框架.简化JS开发 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScrip ...
jQuery快速入门
jquery快速入门 jQuery的作用:1.取得页面中的元素:2.修改页面的外观:3.改变页面的内容:4.响应用户的页面操作:5.为页面添加动态效果:6.无须刷新页面即可从服务器获取数据:7.简化常 ...
jQuery 快速入门教程
内容目录 jQuery 入门什么是jQuery 如何使用jQuery jQuery的运行原理如何选择jQuery版本 ready() 准备就绪时执行代码 jQuery 核心:选取元素使用jQue ...
Vscode快速入门、插件安装、插件位置、修改vscode默认引用插件的路径、在命令行总配置code、快捷键
Vscode快速入门这里写目录标题安装插件安装 Ctrl + Shift + X (插件商店): 插件位置默认位置修改默认路径修改vscode默认引用插件的路径在命令行总配置code 基 ...
jQuery快速入门专题
jQuery入门专题本人博客特点:最高重要等级为*****(五红星),依次减少代表重要性相对较低! 一.jQuery简介 jQuery 是一个 JavaScript的一个库,也就是说jQuery是基 ...
jQuery快速入门（淘宝切换服饰、王者荣耀手风琴效果）
一.什么是jQuery jQuery 是一个快速.简洁的 JavaScript 库,其设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情. 二. ...
JQuery快速入门-选择器
JQuery选择器 JQuery 选择器继承了CSS 与Path 语言的部分语法,允许通过标签名.属性名或内容对DOM 元素进行快速.准确的选择,而不必担心浏览器的兼容性,通过jQuery 选择器对页 ...
jquery快速入门（二）
jQuery 效果 1.隐藏,显示 1.1显示 hide() 和隐藏 show() 语法:$(selector).hide(speed,callback); $(selector).show(spee ...
jQuery快速入门（2）--操作 2021.11.20
关联查找 1)$dom.parent():找$dom的父节点,相当于dom.parentNode属性 2)$dom.first():$dom集合中的第一个,平行关系而不是父子关系与parentNo ...

JQuery快速入门之插件