jquery插件开发快速入门
需积分: 0 191 浏览量
2015-12-23
13:09:02
上传
评论
收藏 21KB DOCX 举报
jquery
插件开发快速入门
博客分类：
前端开发
前端开发
1、添加 jQuery 对象方法
添加 jQuery 对象方法：jQuery.prototype.myMethod。
在 jQuery 源码中有一句：jQuery.fn = jQuery.prototype，也就是给 jQuery 的 prototype 对象取
了个别名，
所以jQuery.prototype.myMethod 等价于jQuery.fn.myMethod等价于$.fn.myMethod。
添加全局函数需要用新方法扩展 jQuery 对象——$.fn:
Jquery 代码
1. $.fn.myMethod=function(){}
调用：$('div').myMethod();
2、方法环境
this 引用的是当前的 jQuery 对象。注意不是 DOM 对象。
Jquery 代码
1. $.fn.myMethod=function(){
2. this.hasClass(class_name);
3. }
这样定义置灰检查最先匹配的元素。要是有多个元素，应该用“隐式迭代”。
Jquery 代码
1. $.fn.myMethod=function(){
2. this.each(function(){
3. this.hasClass(class_name);//报错
4. $(this).hasClass(class_name);//注意 each 方法内 this 引用的是一个 DOM 元
素。
5. })
6. }
3、连缀
Jquery 代码
1. $.fn.myMethod=function(){
2. returnthis.each(function(){}//返回 jQuery 对象
3. }
资源评论
