书写jQuery插件的基本格式

心已赠人 2022-03-18 14:16 256阅读 0赞

(function($, window, document){
    			// 声明插件方法
    			function aa(element, options){
    				this.element = element;
    				// 配置
    				this.options = {
    					a: options.a || 'a',
    					b: options.b
    				};
    				// 初始化
    				this.init();
    			}
    
    			// 原型链书写方法
    			aa.prototype = {
    				constructor: aa,
    				init: function(){
    					this.creatHtml();
    					this.bindEvent();
    				},
    				// 创建DOM
    				creatHtml: function(){
    					var me = this;
    					var content = "";
    
    					content += "<div class='content'>这是content</div>";
    					me.element.html(content);
    				},
    				// 绑定DOM事件
    				bindEvent: function(){
    					var me = this;
    					me.element.on('click', '.content', function() {
    						alert('点击了content,配置项a:'+me.options.a+',b:'+me.options.b);
    					})
    				}
    			};
    			// 挂载到jQuery fn
    			$.fn.aa = function(options) {
    				return new aa($(this), options);
    			}
    
    		})(jQuery, window, document);
    
    
    
    		$('.divBox').aa({
    			b:'b'
    		});

发表评论取消回复

表情：

评论列表（有 0 条评论，256人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery插件的插件验证_jQuery的dwImageProtector插件

jquery插件的插件验证 I've always been curious about the jQuery JavaScript library. jQuery has

ゝ一世哀愁。/ 2023年02月22日 01:25/ 0 赞/ 11 阅读

相关 jQuery的插件fullpage的使用和基本实现

fullpage的使用 fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有：支持鼠标滚动支持前进

深碍√TFBOYSˉ_/ 2022年11月29日 08:07/ 0 赞/ 388 阅读

相关 html页面插件格式,jq插件格式.html

Document body\{ margin:400px;\} i.unread\{ display:inline-block; width:11px; height:11

忘是亡心i/ 2022年10月06日 04:56/ 0 赞/ 320 阅读

相关 jQuery插件

jQuery插件的种类编写插件的目的是给已有的一系列方法或函数做一个封装，以便在其他地方重复使用，方便后期维护和提高开发效率。jQuery的插件主要分为以下三种类型： 1

快来打我*/ 2022年09月17日 05:25/ 0 赞/ 318 阅读

相关 jQuery插件jQuery-validation的基本用法（一）

基本用法如下： <script type="text/javascript"> $(function() { $("demoFo

川长思鸟来/ 2022年08月20日 04:24/ 0 赞/ 201 阅读

相关 jQuery插件

学习要点： 1.插件概述 2.验证插件 3.自动完成插件 4.自定义插件插件(Plugin)也成为 jQuery 扩展(Extension)，是一种遵循一定规

谁借莪１个温暖的怀抱￠/ 2022年08月18日 15:12/ 0 赞/ 374 阅读

相关 jquery插件

jq自定义插件 jq插件，即学即用新建插件先创建一个允许使用美元符号($)的包装器函数 (function($) {

约定不等于承诺〃/ 2022年05月21日 10:52/ 0 赞/ 377 阅读

相关 jQuery的插件

jQuery具有强大的扩展能力，允许开发人员使用或是创建自己的jQuery插件来扩展jQuery的功能，这些插件可以帮助开发人员提高开发效率，节约项目成本。而且一些比较著名

﹏ヽ暗。殇╰゛Y/ 2022年05月12日 00:30/ 0 赞/ 333 阅读

相关书写jQuery插件的基本格式

(function($, window, document){ // 声明插件方法 function aa(element, options

心已赠人/ 2022年03月18日 14:16/ 0 赞/ 257 阅读

相关 jQuery-插件

写插件先看看jqeury的插件如何写，先了解一下如何写插件的代码。 jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQ

红太狼/ 2021年05月12日 11:51/ 0 赞/ 937 阅读