jquery.fn.extend与jquery.extend--(初体验二)

简介:

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

复制代码
$.extend({ 
  add:function(a,b){return a+b;} 
}); 

//$.add(3,4);
//return 7 
复制代码

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

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

复制代码
$.fn.extend({ 
    alertClick:function(){ 
        $(this).click(function(){ 
            alert($(this).val()); 
        }); 
    } 
}); 

//页面上为:
<input id="input1" type="text"/>       

//使用
$("#input1").alertClick();   
复制代码

 转载:http://www.cnblogs.com/zqzjs/p/4640790.html

目录
相关文章
|
JavaScript
jQuery入门第一章(jQuery初体验)
jQuery入门第一章(jQuery初体验)
258 0
jQuery入门第一章(jQuery初体验)
|
JavaScript 前端开发 PHP
|
Web App开发 传感器 JavaScript
|
JavaScript 对象存储 数据格式
|
Web App开发 JavaScript 前端开发
跟我学jquery(一)爱之初体验jquery .
一、Jquery简介 Jquery是一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。
993 0
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件