国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jQuery中$.fn的用法示例介紹

2024-05-06 15:54:07
字體:
供稿:網(wǎng)友
$.fn是指jquery的命名空間,加上fn上的方法及屬性,會對jquery實例每一個有效,下面有個不錯的示例,喜歡的朋友可以參考下

$.fn是指jquery的命名空間,加上fn上的方法及屬性,會對jquery實例每一個有效。
如擴展$.fn.abc(),即$.fn.abc()是對jquery擴展了一個abc方法,那么后面你的每一個jquery實例都可以引用這個方法了.
那么你可以這樣子:$("#div").abc();

jQuery為開發(fā)插件提拱了兩個方法,分別是:

jQuery.extend(object);為擴展jQuery類本身.為類添加新的方法。
jQuery.fn.extend(object);給jQuery對象添加方法。

fn是什么東西呢。查看jQuery代碼,就不難發(fā)現(xiàn)。

復(fù)制代碼 代碼如下:


jQuery.fn = jQuery.prototype ={
   init: function( selector, context ){//.... 
   //......
};


原來 jQuery.fn =jQuery.prototype.對prototype肯定不會陌生啦。
jQuery便是一個封裝得非常好的類,比如我們用語句 $("#btn1") 會生成一個 jQuery類的實例。

jQuery.extend(object); 為jQuery類添加添加類方法,可以理解為添加靜態(tài)方法。如:

復(fù)制代碼 代碼如下:


$.extend({
  add:function(a,b){returna+b;}
});


便為 jQuery 添加一個為add 的 “靜態(tài)方法”,之后便可以在引入 jQuery 的地方,使用這個方法了,
$.add(3,4); //return 7

jQuery.fn.extend(object);對jQuery.prototype進(jìn)得擴展,就是為jQuery類添加“成員函數(shù)”。jQuery類的實例可以使用這個“成員函數(shù)”。
比如我們要開發(fā)一個插件,做一個特殊的編輯框,當(dāng)它被點擊時,便alert當(dāng)前編輯框里的內(nèi)容。可以這么做:

jQuery代碼

復(fù)制代碼 代碼如下:


$.fn.extend({

alertWhileClick:function(){

$(this).click(function(){

alert($(this).val());
});
}
});

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 台前县| 洛宁县| 宁河县| 芮城县| 富锦市| 克山县| 虎林市| 鹤山市| 六盘水市| 绥化市| 健康| 邳州市| 筠连县| 宾川县| 祁阳县| 仁怀市| 巫山县| 香港 | 宜兴市| 东乌| 大关县| 隆化县| 观塘区| 彰化县| 云霄县| 华蓥市| 衢州市| 长治市| 缙云县| 乌兰浩特市| 海城市| 施甸县| 花莲市| 本溪| 镇赉县| 德格县| 即墨市| 汝州市| 根河市| 大悟县| 伊吾县|