首页 > 代码库 > jquery 之$.fn的用法示例

jquery 之$.fn的用法示例

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

 

jquery 之$.fn的用法示例