jQuery中$.fn以及fn是什么鬼

我就是我 2022-07-15 13:26 195阅读 0赞

$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。  
如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了.  
那么你可以这样子：$("\#div").abc();  
  
jQuery为开发插件提拱了两个方法，分别是：  
  
jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。  
jQuery.fn.extend(object);给jQuery对象添加方法。  
  
fn是什么东西呢。查看jQuery代码，就不难发现。

代码如下:

jQuery.fn = jQuery.prototype ={ 
    　　　init: function( selector, context ){//....　 
    　　　//...... 
    };

原来 jQuery.fn =jQuery.prototype.对prototype肯定不会陌生啦。  
jQuery便是一个封装得非常好的类，比如我们用语句　$("\#btn1") 会生成一个 jQuery类的实例。  
  
jQuery.extend(object);　为jQuery类添加添加类方法，可以理解为添加静态方法。如：

代码如下:

$.extend({ 
    　　add:function(a,b){returna+b;} 
    });

便为　jQuery　添加一个为add　的　“静态方法”，之后便可以在引入 jQuery　的地方，使用这个方法了，

$.add(3,4); //return 7

jQuery.fn.extend(object);对jQuery.prototype进得扩展，就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。  
比如我们要开发一个插件，做一个特殊的编辑框，当它被点击时，便alert当前编辑框里的内容。可以这么做：  
  
jQuery代码 代码如下:

$.fn.extend({ 
    
    alertWhileClick:function(){ 
    
    $(this).click(function(){ 
    
    alert($(this).val()); 
    }); 
    } 
    });

发表评论取消回复

表情：

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

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

相关阅读

相关 jQuery插件 jQuery extend()、jQuery.fn.extend()

一、jQuery extend()、jQuery.fn.extend() 简介插件绑定（为jQuery对象增加函数），extend() 方法挂载在 jQuery 和 j

清疚/ 2023年02月21日 11:42/ 0 赞/ 1 阅读

相关 The difference between JQuery and JQuery.fn

原文链接: [http://stackoverflow.com/questions/2845981/jquery-difference-between-functionn

亦凉/ 2022年09月30日 14:51/ 0 赞/ 186 阅读

相关 jQuery中$.fn以及fn是什么鬼

$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个a

我就是我/ 2022年07月15日 13:26/ 0 赞/ 196 阅读

相关【JavaScript】 setTimeout(fn, 0) 意味着什么？

转载自：[JavaScript 下的 setTimeout(fn, 0) 意味着什么？][JavaScript _ setTimeout_fn_ 0_] 近期在研究异步编程的

梦里梦外;/ 2022年05月27日 06:14/ 0 赞/ 201 阅读

相关 fn标签

在jstl中的fn标签也是我们在网页设计中经常要用到的很关键的标签，在使用的时候要先加上头 <%@ taglib uri="[http://java.sun.com/jsp/

男娘i/ 2022年05月22日 05:44/ 0 赞/ 188 阅读

相关 JSP中替换标签fn:replace，包含标签fn:contains

fn:replace标签可以替换后台传到jsp页面值的形式。例如后台传来数组形式的数据，\[1,2,3,4,5,6,7,8,9,10,11\]，前台jsp页面通过取值来进行判断

妖狐艹你老母/ 2022年05月20日 00:07/ 0 赞/ 357 阅读

相关 jquery.fn.extend与jquery.extend

看他们的网页做那么炫，js技术用的那么牛B，想想用一下图片的动态加载技术，可是搜索了一下资料，发现要实现瀑布流动态加载效果，那个js水平要是何等的高，慢慢看了一下，突然发现自己

桃扇骨/ 2022年04月06日 07:22/ 0 赞/ 211 阅读

相关 jQuery中的$.fx与$.fn

$.fx `$.fx`是jQuery的特效。如果使用显示，滑动，淡入淡出，动画等，可以用`$.fx.stop`停止动画。 $.fn `$.fn`是jQuer

￡神魔★判官ぃ/ 2022年02月24日 13:44/ 0 赞/ 259 阅读

相关区别 (function($){...})(jQuery)、$(function(){ })和$.fn

一、(function($)\{…\})(jQuery) 首先function(arg)\{...\}定义了一个匿名函数，参数为arg,而调用时需要在函数后面写上括号和实参

清疚/ 2021年09月30日 09:48/ 0 赞/ 363 阅读

相关 Jquery---$.fn---jQuery.fn.extend

(1) 开发插件的方法： jQuery.extend(object)是扩展jQuery类本身，为类里面添加新的方法。 jQuery.fn.extend(object)

我不是女神ヾ/ 2021年06月24日 14:36/ 0 赞/ 411 阅读