jquery扩展写法

时间:2021-05-11 08:29:03

如何制作自己的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()