1、添加jQuery对象方法
添加jQuery对象方法:jQuery.prototype.myMethod。
在jQuery源码中有一句:jQuery.fn = jQuery.prototype,也就是给jQuery的prototype对象取了个别名,
所以 jQuery.prototype.myMethod 等价于 jQuery.fn.myMethod 等价于 $.fn.myMethod。
添加全局函数需要用新方法扩展jQuery对象——$.fn:
$.fn.myMethod = function(){}
调用:$('div').myMethod();
2、方法环境
this引用的是当前的jQuery对象。注意不是DOM对象。
$.fn.myMethod = function(){ this.hasClass(class_name); }
这样定义置灰检查最先匹配的元素。要是有多个元素,应该用“隐式迭代”。
$.fn.myMethod = function(){ this.each(function(){ this.hasClass(class_name); // 报错 $(this).hasClass(class_name); //注意each方法内this引用的是一个DOM元素。 }) }
3、连缀
$.fn.myMethod = function(){ return this.each(function(){} // 返回jQuery对象 }
4、方法参数
4.1 简单参数
$.fn.myMethod = function(hash_obj){ // 参数通常是hash类型 return this.each(function(){} }
4.2 默认参数
$.fn.myMethod = function(opts){ // 参数通常是hash类型 var defaults = { zIndex:10 ,opacity: 0.8 } var options = $.extend(defaults, opts); // opts 会覆盖defaults的项,defaults的值改变 return this.each(function(){} }
5、回调函数
$.fn.myMethod = function(opts){ // 参数通常是hash类型 var defaults = { zIndex:10 ,opacity: 0.8 ,slice_offset: function(){ return { x:i, y:2*i } } } var options = $.extend(defaults, opts); // opts 会覆盖defaults的项,defaults的值改变 return this.each(function(){} }
相关推荐
本文详细介绍基于jQuery开发插件的方式及步骤,其中附有代码和说明,是jq插件开发的入门教程。jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); 给jQuery对象添加方法。 jQuery.extend(object);...
jquery插件开发入门
jQuery-插件空白jQuery插件开发的快速入门
一个jQuery插件脚手架,可帮助快速开发jQuery插件。 这是我用来开始编写新jQuery插件的jQuery插件脚手架。 特征 简单的目录结构 周到的插件支架 基于Grunt的文件观看/缩小 配置测试页以便于开发 作者 Wil Neeley( ...
PPT课件,从入门到深入,讲述jQuery的各种便捷用法,提高我们的开发效率。 jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。 ...
这篇文章将概述jQuery插件开发的基本知识,最佳做法和常见的陷阱。 一、入门 编写一个jQuery插件开始于给jQuery.fn加入新的功能属性,此处添加的对象属性的名称就是你插件的名称: 代码如下:jQuery.fn.myPlugin ...
Write Less, Do More, 超详细的jQuery学习笔记,深入了解jQuery的语法,为前段开发带来更多的方便
本书分为4篇,*篇是移动开发入门篇,介绍了jQuery Mobile、HTML 5和移动开发的一些基础知识,以及如何搭建开发环境;第二篇是jQuery Mobile基础篇,介绍了jQuery Mobile中对话框、工具栏、按钮、表单、布局和插件的...
简单的例子带你走进jq插件的开发!通俗易懂,入门首选!
jquery的开发教程 入门到精通 包括jquery插件开发的技术
这篇文章将概述jQuery插件开发的基本知识,最佳做法和常见的陷阱。 一、入门 编写一个jQuery插件开始于给jQuery.fn加入新的功能属性,此处添加的对象属性的名称就是你插件的名称: . 代码如下: jQuery.fn....
jQuery 插件开发的快速入门 所以,您已经尝试过编写 jQuery 插件,并且很容易将一些可能有效的东西放在一起。 惊人的! 问题是,您认为可能有更好的方式来编写它们 - 您已经看到它们在野外以多种不同的方式完成,但...
jQuery 1 9 1英文版帮助文档 包括3个部分内容:学习中心(Learning Center) JQuery API JQuery UI API 其中学习中心有JS入门基础 JQuery的相关核心概念 J插件常识和性能方面建议 JQuery Mobile 移动开发)等 内容比...
第1章 jQuery开发入门/1 1.1 jQuery概述/2 1.1.1 认识jQuery /2 1.1.2 jQuery基本功能/2 1.1.3 搭建jQuery开发环境/3 1.1.4 编写第一个简单的jQuery应用/3 1.1.5 jQuery程序的代码风格/5 1.2 jQuery的简单...
clippy-jquery是一个jQuery插件,旨在使 SWF简单易用。 要求 jQuery(在测试) Flash(仅Web浏览器插件,无需Flash开发)。 入门 加载jQuery和插件: <!-- use local jQuery if you prefer --> [removed]...
jQuery入门指南教程 这个指南是一个对jQuery库的说明,要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子,选择器和事件基础,AJAX、FX的用法,以及如何制作jQuery的插件。 这个指南包括...
滚动DEMO入门时用于显示动画的jquery-scrolla jQuery插件1.包括animate.css <head> <link rel =“ stylesheet” href =“ animate.min.css”> </ head>用于显示的jquery-scrolla jQuery插件滚动...
开发周期短,上手快,入门低,但是进阶难一般常用的jquery特效 jquery焦点图 jquery选项卡 jquery滚动条 jquery下拉广告,jquery图片延时加载等,jquery代码,放大镜特效,jquery广告代码,jquery导航,jquery在线客服...
第5章jQuery Mobile入门 l jQuery Mobile入门 1.1 jQuery Mobile简介 1.2 jQuery Mobile准备文档 1.3 jQuery Mobile架构 1.3.1 jQuery Mobile属性 1.3.2 jQuery Mobile主题 1.3.3 jQuery Mobile视图 操作案例1:制作...