jquery插件开发之选项卡制作详解

$.showMsg = function(){
   alert('hello,welcome to study jquery plugin dev');
  }
  // $.showMsg();

$.showName = function(){
   console.log( 'ghostwu' );
  }
  $.showName();

$.fn.showValue = function(){
  return $(this).val();
}

  $(function(){
   $("input").click(function(){
    // alert($(this).showMsg());
    alert($(this).showMsg());
   });
  });

 
 
 
 
 
 
 
 


 

  

   
选项1
   
选项2
   
选项3
  
  
作者:ghostwu(1)
   
博客: http://www.cnblogs.com/ghostwu/
  
  
作者:ghostwu(2)
   
博客: http://www.cnblogs.com/ghostwu/
  
  
作者:ghostwu(3)
   
博客: http://www.cnblogs.com/ghostwu/
  
 

;(function ($) {
 $.fn.tabs = function (opt) {
  var def = { evType: "click" }; //定义了一个默认配置
  var opts = $.extend({}, def, opt);
  var obj = $(this);

  $("ul li:first", obj).addClass("active");
  obj.children("div").hide();
  obj.children("div").eq(0).show();

  $("ul li", obj).bind(opts.evType, function () {
   $(this).attr("class", "active").siblings("li").attr("class","");
   var id = $(this).find("a").attr("href").substring(1);
   obj.children("div").hide();
   $("#" + id, obj).show();
  });
 };
})(jQuery);