- 浏览: 120785 次
- 性别:
- 来自: 深圳
-
文章分类
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); **/
发表评论
-
CSS雪碧图demo(含雪碧代码)
2016-06-12 21:09 772css雪碧图demo效果图,含hover,代码附件下载sp ... -
easyui subgrid 多层子表格参考
2015-08-11 14:25 859参考回帖代码 http://bbs.csdn.net/topi ... -
鼠标拖拽DIV效果
2015-03-31 18:09 522代码效果-鼠标点击DIV,可以任意拖拽DIV <! ... -
css控制文本自动换行
2015-03-20 14:34 612http://wenku.baidu.com/link?ur ... -
js表单提交
2014-05-09 17:07 643js 表单提交 <html> <he ... -
滚动条样式
2014-05-06 20:53 333参考资料: http://manos.malihu.gr/t ... -
原生JavaScript技巧大收集100(上)
2013-12-30 19:53 432原生JavaScript技巧大收集,JavaScipt初学的各 ... -
怎样让一个div高度自适应浏览器
2013-12-18 09:33 567网页中需要同时设置如下代码 html,body{heigh ... -
jquery框架学习
2013-12-10 09:27 406http://developer.51cto.com/art/ ... -
用JS的eval解析JSON中的注意点
2013-07-18 22:43 1010eval 方法 将其中的参数 ... -
鼠标hover悬停事件
2013-07-16 16:50 860<title>鼠标hover悬停事件< ... -
html滚动条CSS样式
2013-07-16 16:19 890DEMO: body{ SCROLLBAR-FACE ... -
json数据结构
2013-06-06 16:42 622<script> //=====1===== ... -
JS函数-接收任意个参数
2013-06-06 09:28 2288<script> //可以接收任意多个参数 ... -
EXTJS3.0中文帮助文档
2013-06-05 19:38 843EXTJS中文帮助文档下载 -
EXTJS2.0表格中文排序
2013-06-05 14:42 995//引入必要的EXT开发环境 <link rel ... -
EXTJS3.0 IE9兼容性解决方案--IE兼容性解决方案
2013-05-24 14:57 1545我们的一个项目是用ExtJS做的,但在IE9下几乎完全不能用。 ... -
UI讨论
2013-05-22 15:27 7831.公司如果要研发自己的UI框架,JQuery和EXT该如何选 ... -
Extjs组件render说明与Demo
2013-05-02 16:05 17171.调用组件的render方法 panel.render ... -
select 取值 jquery
2013-04-12 22:19 752<select id="country& ...
相关推荐
总的来说,这个"jQuery插件集之(js写的俄罗斯方块)+Demo"为我们提供了一个实用的示例,帮助我们深入理解jQuery的用法,特别是如何结合JavaScript进行游戏开发。无论是对新手还是有一定经验的开发者,都能从中获益,...
书中的demo可能会展示如何编写自定义插件,以及如何利用`$.fn.extend()`和闭包等技术。 7. **响应式设计**:随着移动设备的普及,响应式设计成为必需。书中可能涉及如何使用jQuery适应不同屏幕尺寸,如`resize()`...
关于“js闭包demo”的文件,这可能是一个JavaScript示例文件,用来演示如何在jQuery插件中使用闭包技术。闭包是JavaScript中的一个重要概念,它允许内部函数访问并操作外部函数的变量,即使外部函数已经执行完毕。在...
本文将通过一个具体的实例——制作一个弹出层插件(dBox)来解析jQuery插件的制作过程。 首先,我们了解jQuery插件的基本结构。为了防止全局变量污染和确保插件的独立性,通常会使用一个立即执行的函数表达式(IIFE...
而 jQuery 插件则是开发者为了扩展 jQuery 功能而编写的代码模块。这些插件可以增加新的功能,如图片轮播、表单验证、图表绘制等,极大地丰富了 jQuery 在实际项目中的应用。 ### 1. jQuery 插件的基本结构 一个...
6. **插件机制**:jQuery的插件机制允许开发者扩展其功能,源码中可以发现如何通过`.extend()`方法实现公共属性和方法的合并,以及如何通过`.fn.extend()`添加新的DOM方法。 7. **优化技巧**:jQuery源码中包含许多...
此外,jQuery插件是其强大之处。社区开发的插件丰富多样,如轮播图插件(如Slick)、表单验证(如jQuery Validation Plugin)等,只需简单的引入和调用,即可增强网页功能。 在压缩包中的例子,可能涵盖了这些知识...