jQuery中$.fn的用法示例介绍

看完自己似乎理解了点东西,记录一下:

$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效,下面有个不错的示例,喜欢的朋友可以参考下

$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 
如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了. 
那么你可以这样子:$("#div").abc();

jQuery为开发插件提拱了两个方法,分别是:

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

fn是什么东西呢。查看jQuery代码,就不难发现。

复制代码代码如下:

jQuery.fn = jQuery.prototype ={ 
   init: function( selector, context ){//....  
   //...... 
};

原来 jQuery.fn =jQuery.prototype.对prototype肯定不会陌生啦。 
jQuery便是一个封装得非常好的类,比如我们用语句 $("#btn1") 会生成一个 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当前编辑框里的内容。可以这么做:

jQuery代码

$.fn.extend({

alertWhileClick:function(){

$(this).click(function(){

alert($(this).val()); 
}); 

});

时间: 2024-10-20 10:00:22

jQuery中$.fn的用法示例介绍的相关文章

JQuery中$.fn的用法示例

$.fn是指JQuery的命名空间,加上fn上的方法及属性,会对JQuery实例每一个有效. 如扩展$.fn.abc(),即$.fn.abc()是对JQuery扩展了一个abc方法,那么后面的每一个JQuery实例都可以这么引用这个方法,如: $("#div").abc(); JQuery为开发插件提供了两个方法,分别是: JQuery.extend(object);为了扩展JQuery类本身,为类添加新的方法. JQuery.fn.extend(object);给JQuery对象添加

jquery 之$.fn的用法示例

$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效. 若扩展$.fn.abc(),即$.fn.abc()是对jquery扩展一个abc的方法,那么每个jquery实例都可以调用该方法. 例如:$("#div").abc(); jquery 为开发提供了两个方法,分别是: jquery.extend(object);为扩展jquery类本身,为类添加新的方法. jquery.fn.extend(object);给jquery对象添加方法. 例子:

jQuery中$.fn的用法

原文:http://www.jb51.net/article/42816.htm $.fn是指jquery的命名空间,$.fn=$.prototype. 1.$.fn.extend 为jquery添加静态方法,与$.support,$.each类似 $.extend({ add:function(a,b){returna+b;} }); function nPlugin(){ } $.extend(nPlugin.prototype,{ add:function(a,b){returna+b;}

AspNetPager控件的最基本用法示例介绍

www.qdmm.com/BookReader/1651546,68389577.aspxwww.qdmm.com/BookReader/1651546,68389579.aspxwww.qdmm.com/BookReader/1651546,68389581.aspxwww.qdmm.com/BookReader/1651546,68389582.aspxwww.qdmm.com/BookReader/1651546,68389585.aspxwww.qdmm.com/BookReader/1

JS中数组Array的用法示例介绍 (转)

new Array() new Array(len) new Array([item0,[item1,[item2,...]]] 使用数组对象的方法: var objArray=new Array(); objArray.concact([item1[,item2[,....]]]-------------------将参数列表连接到objArray的后面形成一个新的数组并返回,原有数组不受影响.如:var arr=["a","b","c"];

document.forms用法示例介绍

概述 forms 返回一个集合 (一个HTMLCollection对象),包含了了当前文档中的所有form元素. 语法 var collection = document.forms; document.forms['exportServlet'].submit(); (1)document.forms:表示获取当前页面的所有表单 (2)document.forms[0]:表示获取当前页面的第一个表单 (3)document.forms['exportServlet']:表示获取当前页面的nam

jQuery的一些一些小知识点的用法的介绍

last的用法的介绍: 其表示的意义是:获取最后个元素 示例 描述: 获取匹配的最后个元素. HTML 代码: <ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul> jQuery 代码:

$.extend()和$.fn.extend()函数用法简单介绍

$.extend()和$.fn.extend()函数用法简单介绍:标题中的两个方法在jQuery插件开发中非常的重要,下面通过简单的代码实例介绍一下它们的用法.本章节不会介绍它的原理,而是只给出它们的作用是什么,能够做什么事情.jQuery.extend()可以为jQuery类添加新的方法,类似于c#或者java中的静态方法.jQuery.fn.extend()可以为jQuery的对象实例添加新的方法.代码实例: <!DOCTYPE html> <html> <head>

jquery的trigger和triggerHandler的区别示例介绍

triggerHandler() 方法触发被选元素的指定事件类型.但不会执行浏览器默认动作,也不会产生事件冒泡. triggerHandler() 方法与 trigger() 方法类似.不同的是它不会触发事件(比如表单提交)的默认行为,而且只影响第一个匹配元素. 与 trigger() 方法相比的不同之处 它不会引起事件(比如表单提交)的默认行为 .trigger() 会操作 jQuery 对象匹配的所有元素,而 .triggerHandler() 只影响第一个匹配元素. 由 .triggerH