几个jquery插件的例子

(function($) {
 /**
  * 左侧菜单插件
  */
 $.fn.myaccordion = function(opts) {
  var settings = $.extend({
    selectedClass : "navSelected",
    titleTagName : "h3"
  }, opts || {}); //用后面的opts代替前面的opts，如果有自己的opts；如果没有就用默认的opts
  
  var titleTagName = settings.titleTagName;
  var selectedClass= settings.selectedClass;
  
  //标题节点
  var titleNode = $(this).find("ul>" + titleTagName); // >指第一个子类
  //选中的节点
  var selectedNodes = $(this).find("ul." + selectedClass + ">" + settings.titleTagName);
  
  //改变菜单标题鼠标滑过
  $(this).find(titleTagName).css("cursor", "pointer");
  //所有的都不显示
  titleNode.nextAll().css("display","none");
  //所有选中的显示
  selectedNodes.nextAll().css("display", "block");
  
  //为标题添加事件
  titleNode.click(function() {
   //判断是否选中
   var checked = $(this).parent("ul").hasClass(selectedClass);
   if(checked) {
    $(this).parent("ul").removeClass(selectedClass);
    $(this).nextAll().slideUp();
   } else {
    $(this).parent("ul").addClass(selectedClass);
    $(this).nextAll().slideDown();
   }
  });
 }
 
 /**
  * 表格行划过改变颜色
  */
 $.fn.trColorChange = function(opts) {
  var settings = $.extend ({
   overClass : "trMouseover",
   evenClass : "trEvenColor"
  }, opts || {});
  $(this).find("tbody tr:even").addClass(settings.evenClass);
  $(this).find("tbody tr").on("mouseenter mouseleave", function() {
   $(this).toggleClass(settings.overClass);
  });
 }
 
 $.fn.confirmOperator = function(opts) {
  var settings = $.extend ({
   msg : "该操作不可逆，是否确定？",
   eventName : "click"
  }, opts || {});
  $(this).on(settings.eventName, function(event) {
   if(!confirm(settings.msg)) {
    //阻止事件
    event.preventDefault();
   }
  });
 }
}) (jQuery) //闭包，用自己的$代替jquery的$，使其不与jquery冲突