jquery 之$.fn的用法示例-优快云博客

本文介绍了jQuery中两种扩展方法的方式：$.extend和$.fn.extend。通过示例详细解释了如何使用这两种方式来添加静态方法和成员函数，以及如何利用这些扩展来实现特定功能，如创建一个点击时显示内容的编辑框插件。

$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。

若扩展$.fn.abc(),即$.fn.abc()是对jquery扩展一个abc的方法，那么每个jquery实例都可以调用该方法。

例如：$("#div").abc();

jquery 为开发提供了两个方法，分别是：

jquery.extend(object);为扩展jquery类本身，为类添加新的方法。

jquery.fn.extend(object);给jquery对象添加方法。

例子：

$.extend({
    add:function(a,b){return a+b;}
})
可以理解为静态方法，实际的调用
$.add(3,4);//7

$.("#btn1")会生成一个jquery类的实例。

jquery.fn.extend(object);对jquery.prototype进行扩展，就是为jquery类添加"成员函数"，jquery实例可以使用"成员函数"。

例如要开发一插件，做一个特殊的编辑框，当他被点击，则alert当前编辑框里额内容

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

转载于:https://www.cnblogs.com/zmztya/p/6991847.html