跟我一起学写jQuery插件

有了这个，咱就可以往里面套东西了。

名号、参数和属性

好不容易开始闯荡江湖了，一定要有一个响亮的名号才行，这样走在江湖上，才能够屌，够威风。不信，你听听人家“中国牙防组”！所以，咱这里一定要起个响亮的名号，一定要简单、明了、够权威。所以，决定了，就叫做“tableUI”了！

参数和属性也很简单，无非就是三个class的名称。就叫做：evenRowClass、oddRowClass和activeRowClass吧。

所以，上面的框架，咱就把上半身给填上了。

(function($){

　　$.fn.tableUI　=　function(options){

　　　　var　defaults　=　{

　　　　　　evenRowClass:"evenRow",

　　　　　　oddRowClass:"oddRow",

　　　　　　activeRowClass:"activeRow"　　　　　　

　　　　}

　　　　var　options　=　$.extend(defaults,　options);

　　　　this.each(function(){

　　　　　　//实现代码

　　　　});

　　};

})(jQuery);

这里重点说一下这一句：

var　options　=　$.extend(defaults,　options);

看上去很屌的一句，其实就是合并多个对象为一个。这里就是，如果你在调用的时候写了新的参数，就用你新的参数，如果没有写，就用默认的参数。想进一步了解的朋友，可以参考jquery的官方文档： http://api.jquery.com/jQuery.extend/

开始下半身吧

ok，上半身填补完了，咱就可以填补下半身吧。无非就是找到基数行和偶数行（感谢jQuery提供了类似tr:even这种写法，使其及其简单），然后添加上相应的class。然后再给所有的tr，绑定mouseover和mouseout事件即可。下半身代码如下：