理解jQuery.fn.extend是什么?
jQuery.fn.extend()方法扩展至jQuery prototype($.fn)原型,那什么是jQuery.fn原型呢?如下所示:
jQuery.fn = jQuery.prototype = { init:funtion(selector,context){ //..... } }
我们知道jquery prototype原型主要起到对一个对象的方法进行扩展,因此jQuery.fn.extend里面自定义的方法可以用于任何jquery对象当中,如下是jQuery.fn.extend()方法的使用示例:
<div>Hello</div> <div>World!</div> <script> jQuery.fn.extend({ // 返回div文本内容 getMessage: function() { var result; this.each(function() { // $(this)循环遍历div内部元素 result = result + " " + $(this).val(); }); return result; } }); // 获取div文本的getMessage()方法 var message = $("div").getMessage(); //输出Hello World!文本 console.log(message); </script>