国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表

圖片精選

主站蜘蛛池模板: 葫芦岛市| 晋城| 东平县| 丹寨县| 永平县| 北宁市| 同德县| 台前县| 南郑县| 昌吉市| 秦皇岛市| 布拖县| 天台县| 新源县| 珠海市| 廊坊市| 石城县| 旅游| 卢氏县| 玉树县| 宝山区| 邵武市| 千阳县| 乐东| 山西省| 温泉县| 隆昌县| 湘阴县| 通州市| 墨竹工卡县| 南涧| 三门峡市| 鄂托克前旗| 荃湾区| 长武县| 林西县| 奈曼旗| 扎鲁特旗| 遵义县| 崇文区| 曲水县|