jQuery技术

jQuery 插件开发模板

字号+ 作者:H5之家 来源:H5之家 2017-07-06 14:01 我要评论( )

php教程分享网站是以PHP资源分享为主的专业网站,也提供了PHP中文交流社区。面向PHP学习研究者提供:最新PHP资讯、原创内容、开源代码和PHP视频教程等相关内容。

1.不带参数

(function($){ //将这个新的方法附加到 jQuery 上 $.fn.extend({ //这个地方是插件名称 switching: function() { //遍历匹配的元素 return this.each(function() { //这里编写代码 }); } }); //传递 jQuery 对象给这个方法, //可以使用任何有效的 Javascript 变量名 })(jQuery);

2.传递参数

(function($){ $.fn.extend({ //给方法传参数 switching: function(options) { //设置默认参数,使用','分隔 //example: var defaults = { padding: 20, mouseOverColor : '#000000', mouseOutColor : '#ffffff' } //传递的参数 options 与默认参数 defaults 合并 // extend介绍: var options = $.extend(defaults, options); //遍历匹配的元素 return this.each(function() { //这里编写代码 }); } }); })(jQuery);

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • php上传多个文件blueimp/jQuery

    php上传多个文件blueimp/jQuery

    2017-06-23 14:04

  • 滚屏加载--无刷新动态加载数据技术的应用

    滚屏加载--无刷新动态加载数据技术的应用

    2017-06-17 10:00

  • jQuery 位置函数实例教程

    jQuery 位置函数实例教程

    2017-05-10 08:00

  • PHP+jQuery实现滚屏无刷新动态加载数据功能详解

    PHP+jQuery实现滚屏无刷新动态加载数据功能详解

    2017-05-09 16:02

网友点评