(1) $.extend

概述：

作用1——对象继承

作用2——扩展jQuery类方法

代码如下（示例）：

//1.1 $.extend()实现对象继承//案例1：两个对象的继承var person = {"name": "耶啵","sex": "男","age": 26};console.log($.type(person));var stu = {};//使用$.extend()来实现将stu继承person中的属性// $.extend(stu,person);// console.log(person);// console.log(stu); //extend (三个参数)var wyb = {"love": 100}console.log(wyb);$.extend(wyb, stu, person);$.extend(stu, person);console.log(person);console.log(stu);console.log(tqq);//1.2 $.extend()扩展jQuery类方法$.extend({"mydemo": function() {console.log("这就是我编写的类方法");}});//调用扩展的类方法$.mydemo();

(2) $.fn.extend

概述：

作用——扩展 jQuery 元素集来提供新的方法（通常用来制作插件）

代码如下（示例）：

 //案例3：实现全选效果//1.3 $.fn.extend()扩展jQuery对象方法(作用：实现全选)$.fn.extend({"mycheck":function(){console.log(123);}});//为全选按钮设置一个点击事件并调用对象方法$("#qx").click(function() {// $("input:checkbox") 得到的是所有的复选框});

二、第三方插件

(1) $.fn.extend

1.1表单验证

概述：

插件名——jQuery Validation

使用步骤
【1】.下载jQuery插件验证库
jquery.validate.js
【2】.将类库引入页面
【3】.两种方式使用验证
HTML标签属性方式
JS方式【推荐】

代码如下（示例）：

<!-- 第三方插件（表单验证） --><script type="text/javascript">$(document).ready(function(){// 获取表单标签调用设置插件的方法$("#myForm").validate({// 规则rulesrules:{// 账号usernameusername:{required:true},// 验证邮箱规则myeamil:{required:true,email:true}},// 自定义错误信息messagesmessages:{// 账户的错误信息提示username:{required:"用户名不能为空"},myeamil:{required:"邮箱不能为空",email:"邮箱的格式不满足要求"}}});})</script>

总结

jQuery 插件——免费版相关推荐

jQuery插件thickbox在ie下垂直居中问题
jQuery 插件 thickbox 3.1 在ie下总不能垂直居中,按"http://jamazon.co.uk/web/2008/03/17/thickbox-31-ie7-positi ...
自己开发开源jquery插件--给jquery.treeview加上checkbox
很多时候需要把树状的数据显示除来,比如分类,中国省份.城市信息,等,因此这方面的javascript插件也有很多.比如性能优异的jquery.treeview和国人开发的功能强大的zTree. 我最近 ...
推荐两款简单好用的图片放大jquery插件
一.zoomfiy.js 推荐可以从这里下载使用说明: 使用该jquery 插件引入该插件的js:zoomfiy.js 或 min 引入该插件的css:zoomfiy.css 或 min 前后顺序 ...
动感效果的TAB选项卡 jquery 插件
动感效果的TAB选项卡 jquery 插件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...
【JQUBAR1.1】jQuery 插件发布
[JQUBAR1.1]jQuery 插件发布 JQUBAR1.1 简介 2010-11-22在博客园发布了柱状图JQUBar1.0 jQuery 插件.现将该插件升级为1.1版本. 1.1版本修复了部 ...
240个jquery插件
240个jquery插件 http://www.kollermedia.at/archive/2007/11/21/the-ultimate-jquery-plugin-list/ File uplo ...
基于Jquery插件Uploadify实现实时显示进度条上传图片
网址:http://www.jb51.net/article/83811.htm 这篇文章主要介绍了基于Jquery插件Uploadify实现实时显示进度条上传图片的相关资料,感兴趣的小伙伴们可以参考 ...
51 jQuery插件库
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.jQuery插件 jQuery功能比较有限,想要更复杂的特效功能,可以借助于jQuer ...
开源炫酷css轮播图可直接引入html文件使用含注释 jQuery插件
开源炫酷css轮播图可直接引入html文件使用含注释 jQuery插件 1.轮播图样式上图: 请访问:这里!! 查看轮播图效果. 2.如何在html里面引用文件的目录路径为: 需要轮播图插件的 ...
jquery插件制作
jquery插件丰富,很多都是很好用的,最近学习了一下如何制作jquery插件,发现jquery插件制作其实很简单,这里介绍一下. jquery插件的基本格式: (function($){$.fn.t ...

jQuery 插件——免费版

一、自定义插件

(1) $.extend

(2) $.fn.extend

二、第三方插件

(1) $.fn.extend

总结

jQuery 插件——免费版相关推荐

最新文章

热门文章