午夜国产狂喷潮在线观看|国产AⅤ精品一区二区久久|中文字幕AV中文字幕|国产看片高清在线

    jQuery.extend()、jQuery.fn.extend()擴展方法示例詳解
    來源:易賢網 閱讀:4311 次 日期:2014-05-09 14:54:59
    溫馨提示:易賢網小編為您整理了“jQuery.extend()、jQuery.fn.extend()擴展方法示例詳解”,方便廣大網友查閱!

    jQuery自定義了jQuery.extend()和jQuery.fn.extend()方法.其中jQuery.extend()方法能夠創(chuàng)建全局函數(shù)或者選擇器,而jQuery.fn.extend()方法能夠創(chuàng)建jQuery對象方法.

    例如:

    代碼如下:

    jQuery.extend({

    showName : function(name){

    alert(name)

    }

    });

    jQuery.showName("深藍");

    jQuery.extend()除了可以創(chuàng)建插件外,還可以用來擴展jQuery對象.

    例如:

    代碼如下:

    var a = {

    name : "blue",

    pass : 123

    }

    var b = {

    name : "red",

    pass : 456,

    age : 1

    }

    var c = jQuery.extend({},a,b);

    c擁有a,b對象的屬性,由于,b對象在a對象之后,其name屬性優(yōu)先在c對象里.

    jQuery.extend()方法為插件傳遞系列選項,包括默認值.

    代碼如下:

    function fn(options){

    var options = jQuery.extend({ //默認參數(shù)選項列表

    name1 : value1,

    name2 : value2,

    name3 : value3

    },options); //使用函數(shù)的參數(shù)覆蓋或合并到默認參數(shù)選項列表中

    //函數(shù)體

    }

    fn({ name1 : value3, name2 : value2 , name3 : value1 });//使用新值

    fn({ name4 : value3, name5 : value2 });//在默認上添加新選項

    fn(); //保持默認選項值

    當在調用該方法時,傳遞新的參數(shù)值,就會覆蓋掉默認的參數(shù)選項值,否則,使用默認參數(shù)值.

    使用JQuery.fn對象創(chuàng)建JQuery對象方法

    可以通過jQuery.fn對象來添加屬性和方法,實際上jQuery.fn對象就是掛接在jQuery.prototype上的,jQuery把它簡寫了.

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

    代碼如下:

    jQuery.fn = jQuery.prototype = {

    init: function( selector, context ) {//.... 

    //......

    };

    原來 jQuery.fn = jQuery.prototype.對prototype肯定不會陌生啦。

    例如:

    代碼如下:

    jQuery.fn.test = function(){

    alert("這是jQuery對象方法!");

    }

    jQuery("div").click(function(){

    $(this).test(); //在當前的jQuery對象上調用test()方法

    });

    我們可以調用jQuery.fn.extend()方法來創(chuàng)建jQuery對象方法.

    代碼如下:

    jQuery.fn.extend({

    test : function(){

    return this.each(function(){

    alert(this.nodeName)

    });

    }

    });

    jQuery("body *").click(function(){

    $(this).test(); //調用jQuery對象方法

    });

    一句話:jQuery.extend是對JQuery類的自定義擴展,jQuery.fn.extend是對JQuery對象的自定義擴展.

    更多信息請查看IT技術專欄

    更多信息請查看網絡編程

    2025國考·省考課程試聽報名

    • 報班類型
    • 姓名
    • 手機號
    • 驗證碼
    關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
    工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
    聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
    咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網