jquery 插件开发学习1

来源:互联网 发布:逆袭网络剧全集观看 编辑:程序博客网 时间:2024/05/17 09:29
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert titlehere</title>
</head>
<script type="text/javascript"src="Jquery-1.7.1.min.js"></script>


<body>
  <divid="mydiv">aaa</div>
</body>

<scripttype="text/javascript">
(function($){  
    $.fn.extend({ 
       ShowHtml: function (opt) {   
      vardefalut={width:500,height:500};
       $.extend(defalut,opt);  
       alert(defalut.width+defalut.height);
$(this).html('<tableborder="1"><tr><td>123</td></tr></table>');  
}  
    }); 
})(jQuery);
 
$("#mydiv").ShowHtml({
width:200
});

</script>
   
</html>
0 0
原创粉丝点击