`
sntetwt
  • 浏览: 20331 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

定义和扩展jquery 自定义函数

 
阅读更多

1、扩展jQuery自身之全局函数

jQuery.logError={/*log error*/}

jQuery.logWarning ={/*log warning */}

jQuery.logDebug ={/*log debug */}

使用:jQuery.logError();

上面三个可以写成

jQuery.log= {

    Error:function(){/*log error*/},

    Warning: function(){/*log warning */},

    Debug: function(){/*log debug*/}

}

使用:jQuery.log.Error();

jQuery.foobar={ /*do foobar*/}

使用:jQuery.foobar();

以上的方法等同于使用 jQuery. extend ()

jQuery. extend = {

    log: {    Error:function(){/*log error*/},

    Warning: function(){/*log warning */},

    Debug: function(){/*log debug*/}

},

    foobar:function(){/*do foobar*/}

}

使用:

jQuery.log.Error();

jQuery.foobar();

2、添加实例方法,扩展jQuery.fn

jQuery.fn=jQuery.prototype

如:jQuery.fn.showMessage=function(){

alert(“message!!”)}

使用:$(“#div1”).showMessage();

l       this是对当前jQuery对象的引用

l       使用each迭代当前对象

l       插件方法必须返回一个jQuery对象

分享到:
评论

相关推荐

    jQuery权威指南-源代码

    再接着对jQuery UI和jQuery实用工具函数等扩展知识,以及jQuery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践...

    jQuery权威指南366页完整版pdf和源码打包

    9.2.1 浏览器的检测 9.2.2 数组和对象的操作 9.2.3 字符串操作 9.2.4 测试操作 9.2.5 url操作 9.3 工具函数的扩展 9.4 其他工具函数—$.proxy() 9.5 综合案例分析—使用jquery扩展工具函数实现对...

    轻量级jQuery聊天窗插件Chatbox.zip

    3.完善的回调函数以实现自定义功能 4.多种调用方式 4.良好的封装以及扩展性 5.每个聊天窗对象实例以data属性的形式附加在聊天窗DOM对象上(如果你想获得某个特定插件的实例,可以直接从页面元素中获取:$('{boxId}')...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    函数再回顾 自定义函数 8-23 2.位运算① 8-23 3.位运算② 8-23 4.数组介绍 数组的创建 ?榈谋槔? 8-23 5.数组的引用 数组使用细节① 8-23 6.数组使用细节② 数组运算符 数组作业评讲① 数组小结 8-24 1.回顾 8-24 2...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    JQuery扩展以及自动执行函数的应用 JQuery阻止事件发生 JQuery扩展 作业 第18周 内容概要 JS正则详解 JS正则详解之验证 组件BootStrap、EasyUI、JQueryUI 插件轮播 Django_Web框架引入 Django工程创建 Django目录...

    jQuery链式操作如何实现以及为什么要用链式操作

    那么,简单实现一个: 代码如下: //定义一个JS类 function Demo() { } //扩展它的prototype Demo.prototype ={ setName:function (name) { this.name = name; return this; }, getName:function

    data-values-value-view:Github的“ data-valuesvalue-view”镜像-我们的实际代码由Gerrit托管(请参见https

    可以扩展jQuery.valueview小部件及其资源以支持自定义DataValue实现。 最新的更改可以在找到。组件jQuery.valueview jQuery.valueview可以用于显示和编辑数据值。 当小部件的原始构造函数位于jQuery.valueview....

    embryo.js:最简单,可自定义和易于使用JavaScript标准继承库

    支持标准的OO继承支持超级构造函数自动调用支持通过C.prototype扩展C类支持自动的“ getters”,“ setters”方法生成支持收费方法,从参数计数中调用特定方法支持静态方法,作为MyClass.method()从对象调用支持...

    python入门到高级全栈工程师培训 第3期 附课件代码

    02 集合定义和基本操作方法 03 集合关系运算交,差,并集 04 集合的其他内置方法 05 集合补充 06 百分号字符串拼接 07 format字符串格式化 08 数学意义的函数与python中的函数 09 为何要有函数 10 函数返回值 11 可...

    精通AngularJS part1

    IDE扩展和插件10 12AngularJS速成10 HelloWorld——AngularJS示例10 双向数据绑定12 AngularJS中的MVC模式12 鸟瞰13 深入作用域15 视图21 模块与依赖注入26 模块26 协作对象27 注册服务29 模块的生命...

    自定义javascript验证框架示例【附源码下载】

    jquery 验证框架,在使用的时候,其实还是很晕的,很麻烦,使用的时候代码也不简洁,因此才有了弄一个自己的jquery验证框架的计划,基本原理就是对 input ,select, textarea 这三类控件做校验,在里面定义自定义属性...

    PlugNT CMS V3.9正式版源码20130809

    1、功能强大:Web所使用功能,包括基础功能(内容管理,无限栏目,文件管理,全站生成静态,全站伪静态,自定义,批量上传,用户整合接口,字段标签定义,广告、留言、评论、友情管理等),及亮点功能(多模型扩展,...

    PlugNT CMS V3.9正式版源码

    1、功能强大:Web所使用功能,包括基础功能(内容管理,无限栏目,文件管理,全站生成静态,全站伪静态,自定义,批量上传,用户整合接口,字段标签定义,广告、留言、评论、友情管理等),及亮点功能(多模型扩展,...

    (全)传智播客PHP就业班视频完整课程

    函数再回顾 自定义函数 8-23 2.位运算① 8-23 3.位运算② 8-23 4.数组介绍 数组的创建 ?榈谋槔? 8-23 5.数组的引用 数组使用细节① 8-23 6.数组使用细节② 数组运算符 数组作业评讲① 数组小结 8-24 1.回顾 8-24 2...

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    函数再回顾 自定义函数 8-23 2.位运算① 8-23 3.位运算② 8-23 4.数组介绍 数组的创建 ?榈谋槔? 8-23 5.数组的引用 数组使用细节① 8-23 6.数组使用细节② 数组运算符 数组作业评讲① 数组小结 8-24 1.回顾 8-24 2...

    史上最全传智播客PHP就业班视频课,8月份视频

    函数再回顾 自定义函数 8-23 2.位运算① 8-23 3.位运算② 8-23 4.数组介绍 数组的创建 ?榈谋槔? 8-23 5.数组的引用 数组使用细节① 8-23 6.数组使用细节② 数组运算符 数组作业评讲① 数组小结 8-24 1.回顾 8-24 2...

    史上最全韩顺平传智播客PHP就业班视频,9月份全集

    函数再回顾 自定义函数 8-23 2.位运算① 8-23 3.位运算② 8-23 4.数组介绍 数组的创建 ?榈谋槔? 8-23 5.数组的引用 数组使用细节① 8-23 6.数组使用细节② 数组运算符 数组作业评讲① 数组小结 8-24 1.回顾 8-24 2...

    大名鼎鼎SWFUpload- Flash+JS 上传

    SWFUpload v2 延续了SWFUpload的设计目标,将UI分离以交给开发人员控制和后续扩展 概述 传统的HTML上传 标准的HTML上传表单为用户提供一个文本框和按钮来选择文件,选中的文件是随着form表单提交的。整个文件上传...

    form-generator:简单表格生成器

    生成器#在终端中的用法-git clone 表单生成器-nodejs server.js >> 将Form构造函数与您的自定义道具一起使用使用一些公共方法获取Form对象。 var yourForm = new Form(yourprops); #Example:$ .get('../ json /...

    xheditor-1.1.14

    方法2:利用xhEditor提供的jQuery插件接口来实现对特定textarea的初始化和传递参数,例: $('#elm1').xheditor(); 或者 $('#elm1').xheditor({tools:'mini'}); 特别说明:两种初始化方法只能选择其中一种使用,如果...

Global site tag (gtag.js) - Google Analytics