jQuery 插件编写笔记

jQuery插件编写笔记

最近在使用一款叫做Lobibox的消息提示插件，有些地方还是感觉满足不了自己的需求，所以打算自己学一下jQuery插件的编写方法。我参考的教程是《jQuery基础教程 第四版》，自己跟着教程做了一遍，温故而知新。感觉学到了不少以前没有注意的知识点。

---

this与$(this)，傻傻分不清楚

在对象方法内，this引用的是一个穿上睡衣的jQuery对象。在each()方法中，this引用的是赤裸裸的DOM元素

$.fn.swapClass = function(class1,class2){
        this.each(function(){
            if($(this).hasClass(class1)){
                $(this).removeClass(class1).addClass(class2);
            }
            else if($(this).hasClass(class2)){
                $(this).removeClass(class2).addClass(class1);
            }
        });
};

---

map()与each()的区别

名称	输入数据类型	如何跳出循环	输出数据类型
map	数组	无	数组
each	数组	return false	无

map : 如果不想让某个数据被添加到结果数组，可以使用return null；或者return undefined；

---

jQuery选择符表达式匹配的惯性认识错误

jQuery选择符可能匹配到0个或者1个，或者多个元素。在设计插件的时候必须要考虑到所有这些可能的问题。