最近一直在写js,这其中也少不了一位js的主角了jQuery,下面介绍的是jQuery的一些扩展,也就是jQuery的扩展方法,jQuery的扩展方法有两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法,下面一起来看。

一、方式列表:

  1.jQuery.extend(Object);   // jQuery 本身的扩展方法

  2.jQuery.fn.extent(Object);  // jQuery 所选对象扩展方法

二、调用示例:

  1.jQuery 本身的扩展方法实例如下:

jQuery.extend({    Meg: function (message) {        alert(message);    },    MegToo: function (messageToo) {        alert(messageToo);    }});

  页面调用:jQuery.Meg("Hi,Stone");

  其中Meg和MegToo为我的jQuery自定义扩展方法,多个扩展方法之间用英文逗号隔开。

  2.jQuery 所选对象扩展方法有两种书写方式。

    a)jQuery 所选对象扩展方法实例一如下:

jQuery.fn.extend({    ShowHtml: function (showhtml) {        jQuery(this).html(showhtml);    }});

    页面调用:jQuery("#htmlDiv").ShowHtml("Stone,Hi!");

    其中ShowHtml为我的jQuery所选对象的扩展方法,多个扩展方法之间用英文逗号隔开。

    b)jQuery 所选对象扩展方法实例二代码如下:

(function (jq) {    jq.fn.ShowHtmlToo = function (showhtml) {        jQuery(this).html(showhtml);    };})(jQuery)

    调用相同与方式一:jQuery("#htmlDiv").ShowHtmlToo("Stone,Hi!");

【Stone 制作整理,引用请写明出处谢谢合作,联系QQ:1370569】

jquery的扩展方法介绍相关推荐

  1. JQuery添加扩展方法(理解$.extend(),与$.fn.extend()方法区别)

    为什么80%的码农都做不了架构师?>>>    理解$.extend(),与$.fn.extend()方法区别 1.$.extend()方法 $.extend()方法在JQuery中 ...

  2. javascript、jQuery的扩展方法,扩展实例展示代码

    $(function () {     var total = 0, height = $(window).height(), memberScroll, cartScroll, proScroll; ...

  3. jquery的ajax()函数传值中文乱码解决方法介绍

    jquery的ajax()函数传值中文乱码解决方法介绍 参考文章: (1)jquery的ajax()函数传值中文乱码解决方法介绍 (2)https://www.cnblogs.com/xuxiaosh ...

  4. jQuery extend方法介绍

    jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object);为扩展jQ ...

  5. jquery和zepto的扩展方法extend

    jquery和zepto的扩展方法extend 总结下jQuery(3.1.1)和zepto(1.1.6)到底是如何来开放接口,使之可以进行扩展,两者都会有类型判断,本文使用简单的类型判断,暂不考虑兼 ...

  6. JavaScript 自执行函数和 jQuery扩展方法

    我们通常将JS代码写在一个单独的JS文件中,然后在页面中引入该文件.但是,有时候引入后会碰到变量名或函数名与其它JS代码冲突的问题.那么如何解决这个问题呢?作用域隔离.在JS中,作用域是通过函数来划分 ...

  7. jQuery each、节点操作、动画演示、尺寸操作、扩展方法

    一.each 1.方式一:$.each(数组或者自定义对象,function(i,j){console.log(i,j)}) $.each(li,function(i,j){console.log(i ...

  8. 封装jQuery Validate扩展验证方法

    一.封装自定义验证方法-validate-methods.js /*****************************************************************jQ ...

  9. jquery扩展方法

    jquery插件的开发包括两种:一种是类级别的插件开发,即给jquery添加新的全局函数,相当于给jquery类本身添加方法. jQuery的全局函数就是属于jquery命名空间的函数,另一种是对象级 ...

最新文章

  1. php查找多个字符串替换,php 替换多个字符串
  2. 关于mybatis返回前端日期格式化问题
  3. Linux下实用的查看内存和多核CPU状态命令
  4. 【云炬大学生创业基础笔记】第1章第4节 为什么需要创业测试
  5. spring 属性占位符_Spring属性占位符配置器–一些不太明显的选项
  6. mac安装了多版本php 卸载,mac 安装多版本PHP
  7. 【 Grey Hack 】加强版nmap
  8. idea进行maven离线打包时出现Cannot access central xxxxx in offline mode
  9. lua mysql 事务_为什么在 Redis 实现 Lua 脚本事务?-阿里云开发者社区
  10. 坚果云忽略同步文件的设置
  11. 智能优化算法:动物迁徙优化算法-附代码
  12. linux教程 课件ppt,Linux操作系统实用教程全集 教学课件 中文PPT版
  13. 事后诸葛亮(葫芦娃队)
  14. 训练集、验证集和测试集这三个名词的区别
  15. centos7系统安装与磁盘空间分配
  16. Win10连接Bose QC30蓝牙耳机 已配对但连接不成功
  17. 美国高清晕渲地形图分享,每一幅都值得珍藏
  18. 客户端到服务器端的通信过程及原理(由浅入深,轻松理解)
  19. 211计算机研究生公务员待遇,985,211毕业考公务员很浪费?太天真,这些好处他们自己都不知道...
  20. html特殊字符表和颜色代码表

热门文章

  1. CPU 是如何执行任务的
  2. 搭建gitlab及部署gitlab-runner
  3. 大话Linux内核中锁机制之原子操作、自旋锁【转】
  4. 《Java编程思想》第四版读书笔记 第四章
  5. 控制JSP头部引入外部文件编译后在第一行
  6. 正则表达式 使用分支
  7. Microsoft JET Database Engine 错误 #39;80004005#39;的解决方法
  8. android camera滑动,Android怎么实现小米相机底部滑动指示器
  9. php页面底部信息居中,css底部如何局中?css三种居中方法
  10. python中元祖 字典 列表的区别_Python中元祖,列表,字典的区别