$.extend()和$.fn.extend()
2024-05-13 02:34:33
jQuery.extend():把两个或者更多的对象合并到第一个当中;
jQuery.fn.extend():把对象挂载到jQuery的prototype属性,来扩展一个新的jQuery实例方法。
两者调用方式不同:
jQuery.extend(),一般由传入的全局函数来调用,主要是用来拓展个全局函数,如$.init(),$.ajax();
jQuery.fn.extend(),一般由具体的实例对象来调用,可以用来拓展个选择器,例如$.fn.each();
两者的主要功能作用不同:
jQuery.extend(object); 为扩展jQuery类本身,为自身添加新的方法;
jQuery.fn.extend(object);给jQuery对象添加方法。
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>$.extend()和$.fn.extend()</title>
<style type="text/css">
html {}
body {position: relative;padding: 0;margin: 0;}
</style>
</head>
<body>
<label><input type="checkbox" name="foo"> Foo</label>
<label><input type="checkbox" name="bar"> Bar</label>
<script src="https://cdn.bootcss.com/jquery/1.9.0/jquery.js"></script>
<script>
$(function () { $.fn.extend({check: function() {return this.each(function() {this.checked = true;});},uncheck: function() {return this.each(function() {this.checked = false;});}});// 使用新创建的.check() 方法$( "input[type='checkbox']" ).check();$.extend({min: function(a, b) { return a < b ? a : b; },max: function(a, b) { return a > b ? a : b; }});console.log($.min(2, 3)); // => 2console.log($.max(4, 5)); // => 5
})
</script>
</body>
</html>
最新文章
- Github | NumPy手写全部主流机器学习模型
- SQL 2005完全卸载,重新安装
- 【若依(ruoyi)】打印bootstrapTable数据
- 微软亚太区资料科学总监:R 语言是 VS 生态第一顺位
- 网易严选Java开发三面面经:mysql索引面试题
- eclipe安装中文语言包 CDT Pydev
- php框架使用教程,php框架laravel excel包使用教程介绍
- Qt中Tcp通信的简单使用二
- 助AI研究社群发出内建18种预先训练模型工具
- LeetCode 563. Binary Tree Tilt
- Warning: Division by zero in 错误处理
- 覆盖7大手机品牌近4亿安卓用户 “互传联盟”让分享更容易
- Java反编译工具:Java Decompiler
- 物联网工程导论第二版答案选择题
- MongoDB 语法大全
- Hello, World——从零到实盘0
- 解决PowerShell上运行脚本被禁用错误
- JS中常用的函数求和方法总结【五种方法】
- c语言程序设计教程北京邮电大学出版社答案,C语言程序设计教程习题答案~主审郭浩志北京邮电大学出版社.doc...
- 小白兔写话_看图写话小白兔