Js_封装JQ库为插件
2023-09-27 14:21:27 时间
//在jQuery匿名函数中,采用jQuery.extend();方法创建jQuery插件 //在jQuery匿名函数中, 采用对象.属性 = 函数的方式创建jQuery插件 (function ($) { jQuery.extend({ jia: function (a, b) { return a + b; }, jian: function (a, b) { return a < b ? b - a : a - b; } }); $.sub = { sheng: function (a, b) { return a * b; }, chu: function (a, b) { return a < b ? b / a : a / b; } } jQuery.fn.Insert = function (a) { alert(a); } })(jQuery)
<script type="text/javascript" src="~/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="~/JQTest.js"></script> <script type="text/javascript"> function btn_click() { var a = prompt("请输入一个数字:"); var b = prompt("请输入一个数字:"); var A = prompt("请输入一个数字:"); var c = jQuery.jia(a, b); var d = jQuery.jian(a, b); var e = $.sub.sheng(a, b); var f = $.sub.chu(a, b); alert("相加:" + c + ",相减:" + d + ",相乘:" + e + ",相除:" + f ); $.fn.Insert("啦啦"); } </script>
关于”call”
语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]])
定义:调用一个对象的一个方法,以另一个对象替换当前对象。
说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。
关于”this”
在插件的方法中,可能有用到指向插件的this、和指向事件触发的this,所以事件触发的this用event来获取:event.cuerrntTarget
- event.currentTarget:指向事件所绑定的元素,按照事件冒泡的方式,向上找到元素
- event.target:始终指向事件发生时的元素
constructor属性:始终指向创建当前对象的构造函数
每个函数都有一个默认的属性prototype,而这个prototype的constructor默认指向这个函数
相关文章
- JS字符串数字前面加加号会变成数字类型
- 汉字取首字母拼音 ---vue---js
- vue学习如何引入js,封装操作localStorage本地储存的方法
- js获取字符串最后几位字符数
- js模版引擎handlebars.js实用教程——with-终极this应用
- C# 封装miniblink 使用HTML/CSS/JS来构建.Net 应用程序界面和简易浏览器
- JS微信分享不好写?来封装一下
- 微信小程序之工具js封装与使用
- vue login.js登录逻辑
- baguetteBox.js - 简单易用的 lightbox 插件
- js之封装(秒数)转化为时分秒倒计时组件 vue版本
- 基于js原生封装的点击显示完整文字
- js--关于引用值
- Node.js从入门到放弃(四)
- JS组件系列——自己动手封装bootstrap-treegrid组件
- JavaScript(JS) string.fixed( )
- Node.js 子进程:你应该知道的一切
- 拖拽系列二、利用JS面向对象OOP思想实现拖拽封装
- JS组件系列——自己动手封装bootstrap-treegrid组件
- iosselect:一个js picker项目,在H5中实现IOS的select下拉框效果
- 仿照jquery封装一个自己的js库
- three.js 学习1
- Babel是如何读懂JS代码的
- jQuery Ajax通用js封装