jquery 之$.fn的用法示例
阿新 • • 發佈:2017-06-12
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的用法示例