博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery浅谈$.fn和jQuery.extend(object)和jQuery.fn.extend(object)的区别
阅读量:5742 次
发布时间:2019-06-18

本文共 970 字,大约阅读时间需要 3 分钟。

  hot3.png

$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。

如扩展$.fn.clickdown(),即$.fn.clickdown()是对jquery扩展了一个clickdown方法,那么后面你的每一个jquery实例都可以引用这个方法。

jQuery.fn =jQuery.prototype

$('#list').clickdown();

.jquery 属性是通过 jQuery 原型赋值的,通过使用它的别名 $.fn 进行引用。

它是一个含有 jQuery 版本号的字符串。例如"2.2.2"

console.log($.fn.jquery); // => 2.2.2

 

jQuery.extend(object)用来在jQuery命名空间上增加新函数。

jQuery.extend({  min: function(a, b) { return a < b ? a : b; },  max: function(a, b) { return a > b ? a : b; }});

$.min(2,3); // => 2

$.max(5,6); // => 6 

 

 jQuery.fn.extend(object)扩展 jQuery 元素集来提供新的方法(通常用来制作插件)。

jQuery.fn.extend({  check: function() {    return this.each(function() { this.checked = true; });  },  uncheck: function() {    return this.each(function() { this.checked = false; });  }});

$("input[type=checkbox]") .check();

$("input[type=radio]").uncheck();

 

jQuery.extend() 的调用并不会把方法扩展到对象的实例上,而 jQuery.fn.extend()的调用把方法扩展到了对象的prototype上,所以实例化一个jQuery对象的时候,它有了这些方法。

 

转载于:https://my.oschina.net/af666/blog/1504578

你可能感兴趣的文章
5分钟了解Mockito
查看>>
设置VMware随系统开机自动启动并引导虚拟机操作系统
查看>>
影响股市的主要因素有哪些
查看>>
电脑技巧 如何通过声音 音乐找到歌曲
查看>>
SpringCloud学习笔记(3)——Hystrix
查看>>
centos系统安装rar解压工具unar
查看>>
rsync 自动创建目录的坑点
查看>>
多线程之互斥锁(By C++)
查看>>
Oracle创建表空间及用户
查看>>
ZTree 获取选中的项
查看>>
asp.net MVC AngularJS
查看>>
python初级 2 字符串格式化
查看>>
React Native库版本升级与降级
查看>>
SuSE Linux Supervisor的安装与使用案例
查看>>
LeetCode Binary Tree Level Order Traversal II
查看>>
约束5:外键约束
查看>>
Virtualbox [The headers for the current running kernel were not found] (操作过程后还是失败,显示相同问题)...
查看>>
添加额外的源, 使得yum可以安装更多的软件
查看>>
python文件夹批处理操作
查看>>
华为公司内部培训资料_介绍RTSP的消息、信令等
查看>>