云点博客-关注全栈开发云点博客

关注全栈开发
提升用户体验

JQ 插件开发

增加类似 $.ajax 这种方法

$.extend({     testgogo: function (options) {         var defaults = {             name: "Evan",             year: "23",             say: "I'm a Coder !"         };         var opts = $.extend(defaults, options);         alert(defaults.name + "说:" + defaults.say);     } });

增加类似 $("div").html 方法

(function ($) {     $.fn.tableUI = function (options) {         var defaults = {             name: "Evan",             year: "23",             say: "I'm a Coder !"         }         var options = $.extend(defaults, options);         this.each(function () {             //实现代码          });     }; })(jQuery);

直接增加回调

(function($) {     $.fn.MyCss = function(options, callback) {         var defaults = {             bd: '#000',             cl: 'red'         };         var opts = $.extend(defaults, options);         $(this).each(function() {             $(this).css({'background': opts.bd, 'color': opts.cl});         });         if(callback) {             callback();         }     }; })(jQuery);   $(function() {     $("#foo, .bar").MyCss({}, function() {         alert("CSS 设置成功");     }); });

好了就这些,后面有时间会更新一些自己做插件的经验


赞(0) 打赏