jQuery插件开发基础简单介绍_jquery

1.开发jQuery 插件的基本格式

复制代码 代码如下:

(function ($) {
$.extend($.fn, {
})
})(jQuery)

2.开发全局函数的基本格式

复制代码 代码如下:

(function ($) {
$.extend($, {
})
})(jQuery)

开发示例

复制代码 代码如下:

(function ($) {
$.extend($, {
subtract: function (a, b) {
return a-b;
}
,
add: function (a, b) {
return a+b;
},
         multiplication: function (a, b) {
return a*b;
},
    
          division: function (a, b) {
return a+b;
}
}) })(jQuery)

时间: 2024-10-11 23:48:27

jQuery插件开发基础简单介绍_jquery的相关文章

jQuery使用技巧简单汇总_jquery

1.使用最新的jquery版本 觉得这个建议有待商榷,虽然越新的jquery版本性能上更加优秀,但是有些方法的变迁还是会导致一些bug,比如从1.4.2到1.5时很多朋友就抱怨ajax上出现问题了.建议是旧的页面的jquery升级需谨慎,新项目可以大胆的使用jquery新版本. 还有个建议是使用google的cdn上的jquery文件,加载速度更快.猛击Google Libraries API 进入查看. 复制代码 代码如下: <!-- Include a specific version of

弹出层之1:JQuery.Boxy (一) 使用介绍_jquery

1.下载并修改插件 可以在官网上下载到最新版(http://plugins.jquery.com/files/boxy-0.1.4.zip),到我写这些文字的时候最新版为0.1.4版,下载解压后有1个主要的js文件:jquery.boxy.js;1个css文件;还有4个图片用于构成弹出层的4个圆角.将文件引入系统中,修改boxy.css,将下面的图片路径修改为项目中实际的位置,如果设置不对会引起图片失效,那时就难看了. 复制代码 代码如下: /* 将此处的图片修改为相对于css文件的图片文件的路

jQuery选择器基础入门教程_jquery

本文实例讲述了jQuery选择器用法.分享给大家供大家参考,具体如下: 什么是jQuery选择器 使用JavaScript操作页面上得DOM元素时,首先要获取DOM元素.但是原始的javascript只元件根据ID或者TagName获取DOM对象. 在jQuery中则完全不同,jQuery提供了异常强大的选择器用以帮助我们获取页面上的对象,并且将对象以jquery对象的形式返回. 首先来看看什么是选择器. //根据id获取jQuery对象 var jQueryObject=$("#testDiv

jQuery Tools tab使用介绍_jquery

先给个官方例子.可以先弄出来看看效果 html 复制代码 代码如下: <!DOCTYPE html> <html> <!-- This is a jQuery Tools standalone demo. Feel free to copy/paste. http://flowplayer.org/tools/demos/ --> <head> <title>jQuery Tools standalone demo</title> &

jQuery Tools Dateinput使用介绍_jquery

帮助文档:传送门 html 复制代码 代码如下: <!DOCTYPE html> <html> <head> <title>jQuery Tools dateinput demo</title> <!-- include the Tools --> <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></s

jQuery trigger()方法用法介绍_jquery

jQuery的trigger()方法用法介绍: 此方法可以触发匹配元素上指定类型的事件. 它具有两种语法格式,下面就分别做一下介绍. 语法结构一: 复制代码 代码如下: $(selector).trigger(event,[param1,param2,...]) 参数解析: 1.event:必需,规定匹配元素要触发的事件,可以是自定义事件,也可以是标准的事件. 2.param:可选,传递给事件处理函数的参数. 代码实例: 复制代码 代码如下: <!DOCTYPE html> <html&

jquery.validate的使用说明介绍_jquery

一.准备工作需要JQuery版本:1.2.6+, 兼容 1.3.2 官网地址:http://jqueryvalidation.org/ 二.默认校验规则(1)required:true 必输字段  (2)remote:"check.php" 使用ajax方法调用check.php验证输入值  (3)email:true 必须输入正确格式的电子邮件  (4)url:true 必须输入正确格式的网址  (5)date:true 必须输入正确格式的日期  (6)dateISO:true 必须

jquery键盘事件使用介绍_jquery

一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键 二.获得键盘上对应的ascII码: 复制代码 代码如下: $(document).keydown(function(event){ console.log(event.keyCode); }); $tips: 上面例子中,ev

jQuery学习基础知识小结_jquery

jQuery学习笔记: jQuery学习 1.基本语法: $(selector).action() $:定义jQuery selector:选择符,查询和查找HTML元素 action():对元素执行的操作 实例: $(this).hide()------隐藏当前元素 $("p"),hide()-------隐藏所有的p元素 $("#ID").hide()-----隐藏id=ID的元素 $("p.Class")--------隐藏class=Cl