理解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>