jQuery 插件-（初体验一）

1.jquery有2个扩展方法：

jquery.fn.extend=jquery.prototype.extend
jquery.extend

(两者的区别放在后面文章说)

2.具体实例结构：

//创建及时作用域
(function ($) {// 通过字面量创造一个对象，存储我们需要的共有方法var methods = {inint: function (options) {//返回“this”（函数each（）的返回值也是this），以便进行链式调用。return this.each(function () {// 为每个独立的元素创建一个jQuery对象var $this = $(this);//设置默认值var defaults = {proName: 'zqz'};if (typeof (options) == 'undefined') {settings = $.extend({}, defaults);} else {var settings = {proName: options.proName,Events: handlers.zqzClick($this, options)};settings = $.extend({}, defaults, settings);}})}};//事件var handlers = {zqzClick: function ($this, options) {$this.bind('click', options.zqzClick);}};//向jQuery中被保护的“fn”命名空间中添加你的插件代码，用“zqz”作为插件的函数名称$.fn.zqz = function () {// 检验方法是否存在var method = arguments[0];if (methods[method]) {method = methods[method];arguments = Array.prototype.slice.call(arguments, 1);// 如果方法不存在，检验对象是否为一个对象（JSON对象）或者method方法没有被传入} else if (typeof (method) == 'object' || !method) {method = methods.inint;} else {$.error('asdasd');return this;}return method.apply(this, arguments);}})(jQuery)//调用
$(function () {//$('#blanckjh').zqz();$('#blanckjh').zqz({'proName': 'wdx','zqzClick': function () {alert("zqz");}});})

3.插件中涉及到的一些概念与注意事项放在后面文章说

转载于:https://www.cnblogs.com/zqzjs/p/4638375.html

jQuery 插件-（初体验一）相关推荐

css-doodle插件初体验
官方解释:css-doodle组件将根据其内部的规则(纯CSS)生成一个div网格.您可以使用CSS轻松操纵这些单元格以提供图形模式或动画图形插件官网:https://css-doodle.com/ ...
vue-cli3插件初体验
vue-cli3发布自2018年8月,距离现在还不是特别久,最好搭建项目刚好用到,所以写下这篇文章,记录一下踩坑经历. vue的作者说过,vue-cli的本质是模版的拉取,太多的配置导致了模版的难以 ...
VS2008SP1下jQuery使用初体验
自从jQuery面世以来,它以其快速.简洁,能够很轻易地处理HTML文档.控制事件.给页面添加动画和Ajax效果等打动着所有关注它的人的心.本人是在某跨国企业的一次面试中得知找个库的,在面试当时对jQ ...
Maven插件初体验【附源码】
B站视频地址学过Java的小伙伴对Maven一定很熟悉了,但对于Maven除了用来进行版本管理之外,你还用它做过什么呢? 或许很多人和我一样,用了几年的Maven压根就没想过Maven除了版本管理还 ...
谷歌浏览器插件初体验
平时用ad这些谷歌浏览器拦截插件,觉得挺有意思的,就萌发写一个浏览器插件. 文章目录前言一.我的第一个插件项目结构: 二.how to do 1. 最简单的插件 2. 浏览器加载插件 3. br ...
ABAQUS 使用RSG绘制插件初体验
大概工作流为: 将操作过程记录并修改为.py文件,即将操作转为函数,也就是后面kernel调用的对象. 为函数的变量定义默认参数,并且在RSG里面定义对应的参数名称,变量类型. 在RSG里面进行界面排 ...
锋利的jQuery--编写jQuery插件(读书笔记五)[完结篇]
1.表单验证插件Validation 2.表单插件Form 3.动态事件绑定插件livequery 可以为后来的元素绑定事件类似于jQuery中的live()方法 4.jQuer ...
MEF 插件式开发 - DotNetCore 初体验
背景叙述在传统的基于 .Net Framework 框架下进行的 MEF 开发,大多是使用 MEF 1,对应的命名空间是 System.ComponentModel.Composition.在 Do ...
js实战代码系列—周杰伦给你报时间+网页页签制作模板+jQuery初体验
等到下次需要用的时候,可以回来找模板用哈哈哈哈! 刚碰jQuery,今天是个好日子,明天继续学jQuery,明天也是个好日子. https://blog.csdn.net/hanhanwanghaha ...
视频教程-jQuery交互式前端开发(第一季)：初体验/选择器/事件绑定-jQuery
jQuery交互式前端开发(第一季):初体验/选择器/事件绑定知识传播美丽,分享传递快乐.作者主要从事Java服务器端技术.前端与移动开发技术的研究和授课,已有10多年从业经验. IT老兵 ¥12. ...

jQuery 插件-（初体验一）

jQuery 插件-（初体验一）相关推荐

最新文章

热门文章