1. 程式人生 > >jquery 之$.fn的用法示例

jquery 之$.fn的用法示例

click 成員函數 turn 靜態 extend pro .proto prototype query

$.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的用法示例