浅谈jquery.fn.extend与jquery.extend区别

来源:互联网 发布:淘宝海外买手 编辑:程序博客网 时间:2024/05/01 21:17

1. jquery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 
2. jquery.fn.extend(object);给jQuery对象添加方法。

?
1
2
3
4
5
6
$.extend({
  add:function(a,b){returna+b;}
});
 
//$.add(3,4);
//return 7

jQuery添加一个为 add的“静态方法”,之后便可以在引入 jQuery 的地方,使用这个方法了.

2.jQuery.fn.extend(object); 对jQuery.prototype进得扩展,就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
$.fn.extend({
  alertClick:function(){
    $(this).click(function(){
      alert($(this).val());
    });
  }
});
 
//页面上为:
<input id="input1"type="text"/>   
 
//使用
$("#input1").alertClick(); 

以上所述就是本文的全部内容了,希望大家能够喜欢。

0 0
原创粉丝点击