- 浏览: 119352 次
- 性别:
- 来自: 深圳
文章分类
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 765css雪碧图demo效果图,含hover,代码附件下载sp ... -
easyui subgrid 多层子表格参考
2015-08-11 14:25 852参考回帖代码 http://bbs.csdn.net/topi ... -
鼠标拖拽DIV效果
2015-03-31 18:09 518代码效果-鼠标点击DIV,可以任意拖拽DIV <! ... -
css控制文本自动换行
2015-03-20 14:34 605http://wenku.baidu.com/link?ur ... -
js表单提交
2014-05-09 17:07 637js 表单提交 <html> <he ... -
滚动条样式
2014-05-06 20:53 326参考资料: http://manos.malihu.gr/t ... -
原生JavaScript技巧大收集100(上)
2013-12-30 19:53 426原生JavaScript技巧大收集,JavaScipt初学的各 ... -
怎样让一个div高度自适应浏览器
2013-12-18 09:33 557网页中需要同时设置如下代码 html,body{heigh ... -
jquery框架学习
2013-12-10 09:27 400http://developer.51cto.com/art/ ... -
用JS的eval解析JSON中的注意点
2013-07-18 22:43 996eval 方法 将其中的参数 ... -
鼠标hover悬停事件
2013-07-16 16:50 853<title>鼠标hover悬停事件< ... -
html滚动条CSS样式
2013-07-16 16:19 876DEMO: body{ SCROLLBAR-FACE ... -
json数据结构
2013-06-06 16:42 604<script> //=====1===== ... -
JS函数-接收任意个参数
2013-06-06 09:28 2275<script> //可以接收任意多个参数 ... -
EXTJS3.0中文帮助文档
2013-06-05 19:38 834EXTJS中文帮助文档下载 -
EXTJS2.0表格中文排序
2013-06-05 14:42 987//引入必要的EXT开发环境 <link rel ... -
EXTJS3.0 IE9兼容性解决方案--IE兼容性解决方案
2013-05-24 14:57 1533我们的一个项目是用ExtJS做的,但在IE9下几乎完全不能用。 ... -
UI讨论
2013-05-22 15:27 7711.公司如果要研发自己的UI框架,JQuery和EXT该如何选 ... -
Extjs组件render说明与Demo
2013-05-02 16:05 17041.调用组件的render方法 panel.render ... -
select 取值 jquery
2013-04-12 22:19 741<select id="country& ...
相关推荐
### jQuery 插件编写指南详解 #### 一、引言 在前端开发中,jQuery 是一个非常流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画等操作,同时也支持丰富的插件机制。本文将详细介绍如何编写 ...
在jQuery插件中,`this`通常指的是当前处理的DOM元素。在`.each()`循环中,`this`指向循环中的每个元素。如果需要在插件内部保存状态或引用,可以使用闭包保存`this`: ```javascript $.fn.myPlugin = function...
通过这个学习实例,你应该能够逐步理解并实践以上知识点,最终达到熟练编写和使用jQuery插件的目标。记住,实践是检验学习成果的最好方式,动手尝试并不断调试你的代码,你会发现自己的技能在不断提升。
`jQuery插件.docx`可能是详细的文档说明,`a.html`可能包含了一个使用该插件的示例页面,`jquery-1.9.1.js`是jQuery库,`demo_integration.js`可能是用于演示插件集成的脚本,而`hlight.js`可能是一个代码高亮工具,...
在jQuery中,创建插件通常涉及在闭包中定义一个函数,然后将这个函数挂载到jQuery.fn(即$.fn)对象上,使其成为jQuery对象的一个新方法。 2. **插件编写技巧**:编写jQuery插件时,需要注意几个核心元素,如设置...
链式调用是jQuery中非常重要的一个特性,它允许用户在一个jQuery对象上连续调用多个jQuery方法。为了使插件支持链式调用,开发者需要确保插件返回的是jQuery对象本身,这样后续的方法调用才能在同一个对象上继续执行...
本主题聚焦于"java源代码,主要是jquery插件的利用",这意味着我们将探讨如何在Java后端项目中集成与使用jQuery插件,以及相关的编程实践。 首先,我们需要理解jQuery是一个JavaScript库,它通过提供简洁的API来...
总的来说,jQuery插件的基本写法格式涉及了闭包、函数扩展、参数处理和元素遍历等多个核心概念。掌握这些技巧后,你就能自由地构建自己的jQuery插件,以满足特定项目的需求。通过不断地实践和学习,你将在jQuery插件...
如何编写jQuery插件 在JavaScript开发中,jQuery库因其简洁的API和强大的DOM操作能力而深受开发者喜爱。为了提升代码的复用性和可维护性,编写...在实践中不断学习和改进,可以使你编写出高效、优雅的jQuery插件。
- 为插件编写清晰易懂的文档非常重要,这不仅有助于其他开发者理解如何使用你的插件,也可以作为插件的使用手册和API参考。 总结而言,jQuery插件开发中需要关注插件的设计模式、命名规范、上下文维护、事件处理等...
1. 插件定义:jQuery插件是扩展jQuery功能的小型代码模块,它们允许开发者将自定义的行为和功能添加到网页中。 2. 创建插件的基本结构: ```javascript (function($){ $.fn.myPlugin = function(options) { // ...
闭包是JavaScript中一个比较复杂的概念,但在jQuery插件开发中非常常用。在对象级别的插件定义中,通常会将jQuery对象传递给一个函数,这个函数内部的`$`参数实际上是一个局部作用域中的jQuery对象。这个局部作用域...
今天我们将深入探讨一个基于jQuery的特殊插件——一款用js编写的俄罗斯方块游戏,它不仅提供了一种有趣的学习实践方式,同时也展示了jQuery在游戏开发中的潜力。 首先,我们要明白这个插件的核心功能:通过...
书中的demo可能会展示如何编写自定义插件,以及如何利用`$.fn.extend()`和闭包等技术。 7. **响应式设计**:随着移动设备的普及,响应式设计成为必需。书中可能涉及如何使用jQuery适应不同屏幕尺寸,如`resize()`...
1. jQuery插件开发基础:文档中提到的“突发奇想的一个jquery插件”,揭示了开发者在短时间内基于灵感创建了一个jQuery插件。这显示了jQuery插件开发的灵活性和易用性,即使是非正式的快速开发也能创造出实用的工具...
Swift中的闭包是一种强大的编程概念,它允许我们定义一段可移动和可重用的代码块,可以在函数中作为参数传递,也可以作为返回值。闭包在很多编程语言中都有类似的概念,但在Swift中,它们的设计既简洁又灵活,使得...
在"ZWClosureSendValue"这个Demo中,我们可能可以看到如何在`ViewControllerA`中创建一个闭包,然后在`ViewControllerB`中调用这个闭包,将数据传递回`ViewControllerA`。通过这种方式,我们可以在不依赖其他机制的...
### jQuery插件编写详解 #### 一、jQuery简介 jQuery是一个功能强大且高效的JavaScript库,其设计目的是为了简化HTML文档的遍历、事件处理、动画以及与服务器端的交互等操作。作为prototype之后的一个杰出代表,...
运用原型和闭包,使用原生js编写的jQuery库,里面已经编写基本的功能(获取dom元素、删除类、增加类)
- **动画效果**:`jQuery.animate()`方法是jQuery中最常用的动画功能,通过自定义CSS属性的变化,可以创建出平滑的过渡效果。许多插件,如`jQuery.scrollUp`,提供了滚动到页面顶部的动画效果。 - **表单处理**:`...