`

编写jquery插件中的闭包demo

    博客分类:
  • UI
阅读更多
demo中的代码,需要jquery库文件支持
//闭包特性,
//1. 避免内部临时变量影响全局空间,
//2. 插件内部继续使用$作为jquery别名

/**
定义一个匿名函数--闭包
**/
;(function($){//$作为匿名函数的参数
	//这里编写插件代码,可以继续使用$作为jquery的别名
	/**
	定义一个局部变量foo,仅函数内部可以访问,外部无法访问
		--利用闭包特性,可以避免内部临时变量影响全局空间,又可以再插件内部继续使用$作为jquery的别名
		--独立,有关联,且无污染
	**/
	var foo;
	
	var bar = function(){
		foo="aa";
		alert(foo);
		/**
			1.匿名函数内部的函数都可以访问foo
			2.匿名函数的外部调用bar()的时候,也可以再bar()内部访问到foo,但是在匿名函数外部直接访问foo是不可以的
		**/
	}
	
	/**
		功能:扩展匿名函数内的私有函数bar()到全局可访问范围
		调用:在匿名函数外通过jQuery.BAR()来访问闭包内定义的函数bar(),且,bar()必然是可以访问foo私有变量的
	**/
	$.BAR=bar;
	
})(jQuery);//将jquery作为实参传递给匿名函数

$(function(){
		$.BAR();
})

/**
以上概念简单介绍了jquery的闭包概念,显然闭包不是几句话能讲清楚的
但对于插件的制作来说,只需要知道所有插件的代码必须放在下面的代码内部就可以了
;(function(){
	//填写jquery插件代码
})(jQuery);
**/
分享到:
评论

相关推荐

    jquery插件编写指南

    ### jQuery 插件编写指南详解 #### 一、引言 在前端开发中,jQuery 是一个非常流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画等操作,同时也支持丰富的插件机制。本文将详细介绍如何编写 ...

    jquery插件.rar

    在jQuery插件中,`this`通常指的是当前处理的DOM元素。在`.each()`循环中,`this`指向循环中的每个元素。如果需要在插件内部保存状态或引用,可以使用闭包保存`this`: ```javascript $.fn.myPlugin = function...

    Jquery插件学习

    通过这个学习实例,你应该能够逐步理解并实践以上知识点,最终达到熟练编写和使用jQuery插件的目标。记住,实践是检验学习成果的最好方式,动手尝试并不断调试你的代码,你会发现自己的技能在不断提升。

    jQuery插件开发详解

    `jQuery插件.docx`可能是详细的文档说明,`a.html`可能包含了一个使用该插件的示例页面,`jquery-1.9.1.js`是jQuery库,`demo_integration.js`可能是用于演示插件集成的脚本,而`hlight.js`可能是一个代码高亮工具,...

    Jquery快速学(五,常用的插件应用与编写)

    在jQuery中,创建插件通常涉及在闭包中定义一个函数,然后将这个函数挂载到jQuery.fn(即$.fn)对象上,使其成为jQuery对象的一个新方法。 2. **插件编写技巧**:编写jQuery插件时,需要注意几个核心元素,如设置...

    jQuery插件开发的五种形态小结

    链式调用是jQuery中非常重要的一个特性,它允许用户在一个jQuery对象上连续调用多个jQuery方法。为了使插件支持链式调用,开发者需要确保插件返回的是jQuery对象本身,这样后续的方法调用才能在同一个对象上继续执行...

    java源代码,主要是jquery插件的利用

    本主题聚焦于"java源代码,主要是jquery插件的利用",这意味着我们将探讨如何在Java后端项目中集成与使用jQuery插件,以及相关的编程实践。 首先,我们需要理解jQuery是一个JavaScript库,它通过提供简洁的API来...

    JQuery简单插件示意,介绍插件的基本写法格式

    总的来说,jQuery插件的基本写法格式涉及了闭包、函数扩展、参数处理和元素遍历等多个核心概念。掌握这些技巧后,你就能自由地构建自己的jQuery插件,以满足特定项目的需求。通过不断地实践和学习,你将在jQuery插件...

    如何编写jquery插件

    如何编写jQuery插件 在JavaScript开发中,jQuery库因其简洁的API和强大的DOM操作能力而深受开发者喜爱。为了提升代码的复用性和可维护性,编写...在实践中不断学习和改进,可以使你编写出高效、优雅的jQuery插件。

    总结jQuery插件开发中的一些要点

    - 为插件编写清晰易懂的文档非常重要,这不仅有助于其他开发者理解如何使用你的插件,也可以作为插件的使用手册和API参考。 总结而言,jQuery插件开发中需要关注插件的设计模式、命名规范、上下文维护、事件处理等...

    JQuery插件开发 + 插件

    1. 插件定义:jQuery插件是扩展jQuery功能的小型代码模块,它们允许开发者将自定义的行为和功能添加到网页中。 2. 创建插件的基本结构: ```javascript (function($){ $.fn.myPlugin = function(options) { // ...

    自己动手开发jQuery插件教程

    闭包是JavaScript中一个比较复杂的概念,但在jQuery插件开发中非常常用。在对象级别的插件定义中,通常会将jQuery对象传递给一个函数,这个函数内部的`$`参数实际上是一个局部作用域中的jQuery对象。这个局部作用域...

    jQuery插件集之(js写的俄罗斯方块)+Demo

    今天我们将深入探讨一个基于jQuery的特殊插件——一款用js编写的俄罗斯方块游戏,它不仅提供了一种有趣的学习实践方式,同时也展示了jQuery在游戏开发中的潜力。 首先,我们要明白这个插件的核心功能:通过...

    锋利的jquery 第2版 demo

    书中的demo可能会展示如何编写自定义插件,以及如何利用`$.fn.extend()`和闭包等技术。 7. **响应式设计**:随着移动设备的普及,响应式设计成为必需。书中可能涉及如何使用jQuery适应不同屏幕尺寸,如`resize()`...

    突发奇想的一个jquery插件

    1. jQuery插件开发基础:文档中提到的“突发奇想的一个jquery插件”,揭示了开发者在短时间内基于灵感创建了一个jQuery插件。这显示了jQuery插件开发的灵活性和易用性,即使是非正式的快速开发也能创造出实用的工具...

    Swift之闭包ClosureDemo

    Swift中的闭包是一种强大的编程概念,它允许我们定义一段可移动和可重用的代码块,可以在函数中作为参数传递,也可以作为返回值。闭包在很多编程语言中都有类似的概念,但在Swift中,它们的设计既简洁又灵活,使得...

    Swift语言采用Closure闭包进行传值Demo

    在"ZWClosureSendValue"这个Demo中,我们可能可以看到如何在`ViewControllerA`中创建一个闭包,然后在`ViewControllerB`中调用这个闭包,将数据传递回`ViewControllerA`。通过这种方式,我们可以在不依赖其他机制的...

    jquery插件编写

    ### jQuery插件编写详解 #### 一、jQuery简介 jQuery是一个功能强大且高效的JavaScript库,其设计目的是为了简化HTML文档的遍历、事件处理、动画以及与服务器端的交互等操作。作为prototype之后的一个杰出代表,...

    手动编写jQuery文件

    运用原型和闭包,使用原生js编写的jQuery库,里面已经编写基本的功能(获取dom元素、删除类、增加类)

    jQuery插件

    - **动画效果**:`jQuery.animate()`方法是jQuery中最常用的动画功能,通过自定义CSS属性的变化,可以创建出平滑的过渡效果。许多插件,如`jQuery.scrollUp`,提供了滚动到页面顶部的动画效果。 - **表单处理**:`...

Global site tag (gtag.js) - Google Analytics