如何封装jQuery插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何封装jQuery插件相关的知识,希望对你有一定的参考价值。

第一种,只是封装统一的方法,方法整个项目调用,达到统一的效果;
第二种,是和页面一起封装,比如封装一个客户页面有来选择客户,之后无论那个页面,只要调用customSelection()方法,就能弹出客户选择器?
参考技术A $.fn.extend(
    _alert:function() 
        $(this).on('click',function() 
            alert($(this).attr('data-msg'))
        )
    ,
    _console:function() 
        $(this).on('click',function() 
            console.log($(this).attr('data-msg'))
        )
    
)

使用$.fn.extend()方法进行Jquery插件开发。

调用

<button id="BTN" data-msg="我是一段文字">点击</button>

$('#BTN')._alert();
$('#BTN')._console();

希望能帮到你

以上是关于如何封装jQuery插件的主要内容,如果未能解决你的问题,请参考以下文章

新手如何编写jQuery插件

jQuery框架-3.jQuery自定义封装插件和第三方插件

编写JQuery插件-1

jQuery 插件封装的方法

jquery封装插件

jQuery插件的使用和写法