jQuery 插件開發(fā)工具函數(shù)

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>

        <script type="text/javascript">

通過$符號調(diào)用的函數(shù)稱作工具函數(shù),要給工具函數(shù)添加新插件竖独,需要通$.extend()方法

使用extend給jq擴(kuò)展新功能糙俗,參數(shù)類型是一個對象,屬性名就是新方法的名字预鬓,屬性的值就是新方法的功能函數(shù)

下面代碼中巧骚,通過$.extend()向jQuery添加了一個sayHello函數(shù),然后通過$直接調(diào)用格二。

$.extend({
    sayHello:function(name){
        console.log('hello'+name)
    }
    });
    $.sayHello();
            $.extend({
                sayHello:function(name){
            console.log('hello'+(name ? name:'葛二蛋'));           
                }
            });
            $.sayHello('媛兒');

比如一個自定義的console劈彪,輸出特定格式的信息,定義一次后可以通過jQuery在程序中任何需要的地方調(diào)用它顶猜。

            $.extend({
                log: function(message) {
                    //獲取當(dāng)前的年月日沧奴、時分秒
                    var now = new Date,
                        y = now.getFullYear(),
                        m = now.getMonth() + 1,
                        d = now.getDate(),
                        h = now.getHours(),
                        mi = now.getMinutes(),
                        s = now.getSeconds();
        var time = y + '/' + m + '/' + d + '' + h + ':' + mi + ':' + s;
        console.log(time + message);
                }
            });
            $.log("老師你是痘痘嗎")
        var obj1 = {
            name: '老漢',
            age: 88
        }
        var obj2 = {
                name: '推車',
                size: 100
            }

    
        var obj = $.extend(obj1, obj2);
        console.log(obj);
        console.log(obj1);

使用extend()方法合并多個對象,會把多個對象的屬性合并對象里长窄,并返回滔吠,如果屬性值同名纲菌,則屬性值是最后一個屬性值

    </script>
</head>

<body>
</body>

</html>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市疮绷,隨后出現(xiàn)的幾起案子翰舌,更是在濱河造成了極大的恐慌,老刑警劉巖冬骚,帶你破解...
    沈念sama閱讀 221,888評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件椅贱,死亡現(xiàn)場離奇詭異,居然都是意外死亡只冻,警方通過查閱死者的電腦和手機(jī)庇麦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來喜德,“玉大人山橄,你說我怎么就攤上這事∩崦酰” “怎么了驾胆?”我有些...
    開封第一講書人閱讀 168,386評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長贱呐。 經(jīng)常有香客問我丧诺,道長,這世上最難降的妖魔是什么奄薇? 我笑而不...
    開封第一講書人閱讀 59,726評論 1 297
  • 正文 為了忘掉前任驳阎,我火速辦了婚禮,結(jié)果婚禮上馁蒂,老公的妹妹穿的比我還像新娘呵晚。我一直安慰自己,他們只是感情好沫屡,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,729評論 6 397
  • 文/花漫 我一把揭開白布饵隙。 她就那樣靜靜地躺著,像睡著了一般沮脖。 火紅的嫁衣襯著肌膚如雪金矛。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,337評論 1 310
  • 那天勺届,我揣著相機(jī)與錄音驶俊,去河邊找鬼。 笑死免姿,一個胖子當(dāng)著我的面吹牛饼酿,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 40,902評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼故俐,長吁一口氣:“原來是場噩夢啊……” “哼想鹰!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起药版,我...
    開封第一講書人閱讀 39,807評論 0 276
  • 序言:老撾萬榮一對情侶失蹤辑舷,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后刚陡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,349評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡株汉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,439評論 3 340
  • 正文 我和宋清朗相戀三年筐乳,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片乔妈。...
    茶點(diǎn)故事閱讀 40,567評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡蝙云,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出路召,到底是詐尸還是另有隱情勃刨,我是刑警寧澤,帶...
    沈念sama閱讀 36,242評論 5 350
  • 正文 年R本政府宣布股淡,位于F島的核電站身隐,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏唯灵。R本人自食惡果不足惜贾铝,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,933評論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望埠帕。 院中可真熱鬧垢揩,春花似錦、人聲如沸敛瓷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,420評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽呐籽。三九已至锋勺,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間狡蝶,已是汗流浹背宙刘。 一陣腳步聲響...
    開封第一講書人閱讀 33,531評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留牢酵,地道東北人悬包。 一個月前我還...
    沈念sama閱讀 48,995評論 3 377
  • 正文 我出身青樓,卻偏偏與公主長得像馍乙,于是被迫代替她去往敵國和親布近。 傳聞我的和親對象是個殘疾皇子垫释,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,585評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性撑瞧。 1....
    LaBaby_閱讀 1,347評論 0 2
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式棵譬。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,182評論 0 1
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    程序員poetry閱讀 114,423評論 24 450
  • 第1章 jQuery實(shí)現(xiàn)Ajax應(yīng)用 1-1 使用load()方法異步請求數(shù)據(jù) 使用load()方法通過Ajax請...
    mo默22閱讀 1,713評論 1 9
  • 五月是我最喜歡的季節(jié)预伺,好多年前订咸,語文老師借著戴望舒的《雨巷》中的丁香意象寫了一篇文字給我,最后一句我清楚的...
    雅可茜閱讀 399評論 0 2