jquery 之$.fn的用法示例

Posted 2020-09-22 zmztyas

$.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());
})
}
})