×

简单总结下jQuery的扩展方法

作者:前端菜鸟2018.01.18来源:Web前端之家浏览:9248评论:0
关键词:JQueryJS

简单总结下jQuery的扩展方法。

一、方式列表:

1. jQuery.extend(Object);   // jQuery 本身的扩展方法

2. jQuery.fn.extent(Object);  // jQuery 所选对象扩展方法

二、调用示例:

1. jQuery 本身的扩展方法实例如下:

jQuery.extend({ 
    Meg: function (message) { 
        alert(message); 
    }, 
    MegToo: function (messageToo) { 
        alert(messageToo); 
    } 
});

页面调用:jQuery.Meg("Hi,Stone");

其中Meg和MegToo为我的jQuery自定义扩展方法,多个扩展方法之间用英文逗号隔开。

2. jQuery 所选对象扩展方法有两种书写方式。
a) jQuery 所选对象扩展方法实例一如下:

jQuery.fn.extend({ 
    ShowHtml: function (showhtml) { 
        jQuery(this).html(showhtml); 
    } 
});

页面调用:jQuery("#htmlDiv").ShowHtml("Stone,Hi!");

其中ShowHtml为我的jQuery所选对象的扩展方法,多个扩展方法之间用英文逗号隔开。
b) jQuery 所选对象扩展方法实例二代码如下:

(function (jq) { 
    jq.fn.ShowHtmlToo = function (showhtml) { 
        jQuery(this).html(showhtml); 
    }; 
})(jQuery)

调用相同与方式一:jQuery("#htmlDiv").ShowHtmlToo("Stone,Hi!");

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/svg1488038400855.html

网友评论文明上网理性发言 已有0人参与

发表评论: