欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery编程开发中$.fn解析

程序员文章站 2022-05-28 15:02:39
javascript 是一种脚本语言,主要用在中,实现对网页的文档对象的操作和一些用户交互动作的处理。 而 jquery 则是 javascript 的一个代码库(或习惯性叫类库...

javascript 是一种脚本语言,主要用在中,实现对网页的文档对象的操作和一些用户交互动作的处理。

而 jquery 则是 javascript 的一个代码库(或习惯性叫类库),它将一些在 javascript 开发中经常用到的功能集合起来,以方便开发者直接使用,而不需要再用原生 javascript 语句写大量代码,同时可在不同浏览器间实现一致的效果。是当前最流行的 javascript 库之一。

jquery 作为 javascript 的代码库,自然是使用 javascript 语言编写的。 jquery 的代码非常规范,执行效率也很高,是 javascript 编码的优秀范例。 很多情况下,只要使用 jquery 的方法就可以实现大部分的 javascript 功能。

一:为所有对象添加方法:

$.fn.function用于添加单个方法

$.fn.extend 用于添加多个方法

$.fn.aaa = function() {}

$.fn.extend({

    aaa: function() {}

});

如扩展.fn.abc()," role="presentation">.fn.abc(),.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了.
那么你可以这样子:$(“#p”).abc();

二:为jquery类本身添加方法

jquery.extend(object); 为jquery类添加添加类方法,可以理解为添加静态方法。如:

$.extend({ 
  add:function(a,b){returna+b;} 
}); 

便为 jquery 添加一个为add 的 “静态方法”,之后便可以在引入 jquery 的地方,使用这个方法了,
$.add(3,4); //return 7

三:使用实例

jquery.fn.extend(object);对jquery.prototype进得扩展,就是为jquery类添加“成员函数”。jquery类的实例可以使用这个“成员函数”。
比如我们要开发一个插件,做一个特殊的编辑框,当它被点击时,便alert当前编辑框里的内容。可以这么做:

$.fn.extend({ 
    alertwhileclick:function(){ 
        $(this).click(function(){ 
            alert($(this).val()); 
        }); 
    } 
});