$.extend()和$.fn.extend()用法和区别
$.extend()和$.fn.extend()用法和区别: 在自己制作插件的时候会经常用到$.extend()和$.fn.extend()两个函数，无论从外观还是作用都非常的类似，但是实际上它们的区别是巨 大的，下面就简单介绍一下它们的区别是什么。 在javascript中，没有尽管没有类这个概念，但是作为一门面向对象的语言，其实是有着类似于类的实际应用，那么从标准面向对象的概念来 说，jQuery就是一个封装好了的jQuery类，那么通过选择器获得的就是jQuery对象实例。 一.$.extend(): 此方法是用来扩展jQuery类，它所方法是全局性，直接用jQuery类即可引用，例如:
|
1
2
|
$.extend({minValue:function(a,b){return a<b?a:b;}}) $.minValue(5.6); |
一般也可以把这类函数称作为工具函数，它们不直接操作DOM元素，而是操作Javascript的非元素对象，或者执行其他非对象的特定操作。 更多相关$.extend()函数的用法可以参阅$.extend()函数用法详解一章节。 二.$.fn.extend(): 此方法则是用来扩展jQuery的实例方法，也就是说jQuery类的实例对象可以调用此函数，代码如下:
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
|
<script type="text/javascript"> $(document).ready(function(){ $.fn.extend({ theAlert:function(){ alert("自定义的函数"); } }) $("thediv").theAlert() }) </script> </head> <body> <div id="thediv">按钮</div> </body> </html> |
以上代码通过$.fn.extend()方法为jQuery扩展一个实例方法，那么就必须要用对象实例来调用此方法，$("thediv")就是一个对象实例，这样它就可以调用添加的方法，当然在实际的开发中，几乎不可能有这么简单的例子，这里只是讲述一下原理。
随机推荐
- Wireshark-BPF过滤规则
设置过滤规则就是让网络设备只是捕获我们感兴趣的网络数据包,如果没有设置过滤规则,即上面的 filter_app 是空字符串,那么网络设备就捕获所有类型的数据包,否则只是捕获过滤规则设置的数据包,此时过 ...
- sql server 排序规则
/* 排序规则根据特定语言和区域设置的标准指定对 字符串 数据 进行排序和比较的规则. 以 ORDER BY 子句为例:如果按升序排列,说英语的人认为字符串 Chiapas 应排在 Col ...
- 删除除了Src属性以后的全部属性
public static string RemoveAllAttributesWithoutSrc(string input) { string p ...
- OpenJudge计算概论-简单算术表达式求值
/*===================================== 简单算术表达式求值 总时间限制: 1000ms 内存限制: 65536kB 描述 2位正整数的简单算术运算(只考虑整数运 ...
- openJudge计算概论-谁考了第k名
/*===================================== 谁考了第k名 总时间限制: 1000ms 内存限制: 65536kB 描述 在一次考试中,每个学生的成绩都不相同,现知道 ...
- python中时间日期格式化符号
python中时间日期格式化符号: import time print(time.strftime('%Y%H%M%S', time.localtime())) 运行结果: 2016092308 %y ...
- Dom之标签增删操作
dom操作:THML新增子标签 a标签(appendChild) <!DOCTYPE html><html lang="en"><head> & ...
- html之span标签
对于文档中的行内元素最好使用span来组合它们,这样就可以通过样式来格式化它们. span没有任何的样式,当对它应用样式时,才会产生变化 id和class属性是span标签的好伴侣,这样做既可以增加适 ...
- [oracle] ORA-08002:序列XXXXXXX.CURRVAL尚未在此进程中定义
出现 ORA-08002: 序列XXXXXXX.CURRVAL 尚未在此进程中定义. 导致原因:因为是首次查询序列的当前值,内存中之前并没有缓存序列的任何值,所以需要先查询 一下序列的下一个值(此时, ...
- JS 黑客帝国文字下落效果
黑客帝国文字下落效果 源代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" ...