我是靠谱客的博主 清新大树,最近开发中收集的这篇文章主要介绍JQuery插件的两种写法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

第一种

js:

(function (jQuery){
     this.show =function(title){
           this.title=title;
     };
     this.show2 =function(){
        alert(this.title);
     };
     jQuery.messager =this;
     return jQuery;
})(jQuery); 
 

 

html:
<script src="jquery.js"></script>
<script src="js.js"></script>
<script>
$(document).ready(function(){
    $.messager.show("this is a test");
    $.messager.show2();
});
</script>
 

 

第二种

js:

$.fn.messager =function(options){
    var defaults = {
        title:"this is a test!"
    };
    $.extend(defaults,options);
    alert(defaults.title);
    return this;
}; 
 

 

html:

<script src="jquery.js"></script>
<script src="js.js"></script>
<script>
$(document).ready(function(){
    $("#d").messager().hide();
});
</script>

最后

以上就是清新大树为你收集整理的JQuery插件的两种写法的全部内容,希望文章能够帮你解决JQuery插件的两种写法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(47)

评论列表共有 0 条评论

立即
投稿
返回
顶部