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() {} });
如扩展
那么你可以这样子:$(“#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()); }); } });
推荐阅读