`

jquery插件使用的理解,块级域引用参数。

阅读更多

jquery插件的扩建。。。大家应该是耳熟能祥了。。。

大致是这样的

 

(function($){

$.prototype.add = function(a,b){

//扩建插件内容

}

})(jQuery);

 

刚开始有点疑惑。。。

这里是执行了一个匿名函数,将jQuery这个函数作为一个参数传递进去。

一开始有点疑惑。明明这是js模仿块级域的一种方式。当跳出函数时,$是会被销毁的

为什么还这么做。。

 

后来我先做了个实验

var aquery =  function(){

this.age = 2;

};

var test = 2;

(function($){

$=7;

})(test);

发现test值根本没变。。。  这才是正常的  因为$销毁了嘛。。

 

后来我又写了个

var aquery =  function(){

this.age = 2;

};

(function($){

$.prototype.add = function(a,b){

alert(a+b);

}

)(aquery)

这个时候发现aquery.prototype中有了add这个函数

这才潘然醒悟。。。这里引入的是引用类型。。

$指向的堆内存的对象和aquery指向的是同一个地址

函数执行完毕。。$销毁。。

但是aquery依然指向那个地址。。所以这个操作其实是起了作用了。。

 

 

分享到:
评论

相关推荐

    jquery插件库(jquery.treeview插件库)

    jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....

    orgchart.js 组织架构图之JQuery插件

    组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件...

    Jquery插件学习

    3. **闭包和作用域**:理解如何使用闭包保持插件的私有状态,防止全局变量污染。 4. **参数传递**:学习如何通过选项对象传递配置参数给插件,并在插件内部使用这些参数。 5. **事件绑定**:掌握如何在插件中使用`....

    jQuery插件开发学习

    这篇“jQuery插件开发学习”的主题旨在帮助开发者深入理解如何利用jQuery来开发自定义插件,提高代码复用性和项目效率。下面我们将详细探讨jQuery插件开发的相关知识点。 首先,了解jQuery的核心概念是至关重要的。...

    jquery插件.rar

    1. 插件结构:一个基本的jQuery插件通常由一个函数构成,该函数接收jQuery对象作为参数,这样可以作用于匹配的DOM元素集合。例如: ```javascript $.fn.myPlugin = function(options) { this.each(function() { /...

    好用清除html的jquery插件

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本篇文章将详细讲解一个...通过对插件源代码的研究,你可以进一步提升你的前端技能和对jQuery的理解。

    jquery插件库-jquery仿京东商品详情页图片放大效果.zip

    开发一个jQuery插件通常包括定义一个新的函数,该函数接受参数并利用jQuery对象进行操作。这种设计模式使得开发者能够轻松地将插件整合到自己的项目中。 京东商品详情页的图片放大效果,通常涉及到图片预览、缩放和...

    jquery插件使用小样大全

    《jQuery插件使用小样大全》是一份集中的资源,旨在帮助开发者快速理解和掌握jQuery插件的使用。jQuery,作为一款强大的JavaScript库,极大地简化了DOM操作、事件处理、动画制作等任务。而jQuery插件则进一步扩展了...

    jQuery插件,jQuery插件

    通过编写或使用jQuery插件,开发者可以轻松地实现特定功能,而无需从零开始编写大量的JavaScript代码。 创建一个jQuery插件通常涉及到以下几个步骤: 1. **封装函数**:首先,你需要将你的功能封装成一个函数,这...

    jQuery打印插件jqprint,内包含使用示例

    jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 ...

    jquery 插件开发 pdf

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。...务必记住,良好的文档和示例也是优秀插件的重要组成部分,有助于其他开发者理解和使用你的插件。

    JQuery史上最全插件应用及实例

    本资源"JQuery史上最全插件应用及实例"旨在为开发者提供一个详尽的jQuery插件学习指南,帮助开发者更好地理解和运用jQuery插件,提升网页的用户体验和功能实现。 jQuery UI是jQuery的一个扩展,提供了丰富的用户...

    jquery插件开发文档

    文档中还提到了插件中保持链接性的重要性,以及如何处理插件中的参数作用域。总的来说,文档强调了创建jQuery插件时的几个关键实践,包括如何封装插件代码、处理`this`关键字的作用域、保持链式调用、以及如何处理...

    jquery 插件

    **jQuery插件详解** jQuery,一个轻量级、高性能的JavaScript库,因其简洁的API和强大的功能,成为了前端开发中的必备工具。...理解并掌握jQuery插件的原理和使用方法,对于提升Web开发技能有着显著的帮助。

    jquery插件大全(内含Demo)

    **jQuery插件大全:打造网页交互新体验** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这个"jQuery插件大全(内含Demo)"压缩包文件提供了丰富的...

    jquery插件大全

    - `$.fn.extend`: 这是扩展jQuery对象的方法,使得插件可以在所有jQuery选择器上使用。 - 插件方法:定义插件的核心功能,如`zoomimage`可能用于图片缩放。 - 可选参数:允许用户自定义插件的行为。 - 初始化和事件...

    等高卡片布局jQuery插件

    等高卡片布局jQuery插件是一种优化网页设计的工具,它主要解决了在网页中使用卡片式展示内容时,由于卡片内容长度不一导致的布局参差不齐的问题。在传统的卡片布局中,每个卡片的高度取决于其内容的多少,这可能会使...

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

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

    教你如何做一个自己的jQuery插件,jQuery扩展笔记

    此外,可以使用`this`关键字引用当前选中的jQuery元素,以便在插件内部操作它们。 ```javascript function share(options) { var settings = $.extend({}, defaults, options); this.each(function() { var ...

    JQuery插件开发

    本篇文章将深入探讨jQuery插件的开发过程,帮助你理解和掌握这一关键技能。 首先,我们需要了解jQuery插件的基本结构。一个简单的jQuery插件通常包含以下部分: 1. **命名空间定义**:为了防止与其他插件冲突,...

Global site tag (gtag.js) - Google Analytics