如何制作自己的Jquery插件,内容参考学习了网上的讲解,如下
使用这两个方法
- jQuery.fn.extend(object)
- jQuery.extend(object)
jQuery.extend(object):
扩展jQuery对象本身。添加一个加法方法."相当于静态方法"
$.extend(add:function(a,b){return a+b}) // 方法名叫add 接收参数a和b,返回a+b的值
let sum = $.add(5+8); // 13
jQuery.fn.extend(object):
扩展jq对象的方法.fn指向的是$.prototype,就是$这个函数的原型对象."相当于实例方法"
$.fn.extend(innerHTML: function(){return $(this).html()}) // 返回dom对象的内含文本,方法名是innerHTML.
let innerhtml = $('<h2>mirror.tom</h2>').innerHTML(); // mirror.tom
第1个方法,可以扩展工具函数,与具体对象无关的
第2个方法,可以做插件,比如在一个DIV上加载轮播图片.调用起来很是熟悉
$.fn.extend(slider:function(){...})
$('#imgbox').slider()
版权声明:除特别声明外,本站所有文章皆是本站原创,转载请以超链接形式注明出处!