jquery 插件开发学习1
2014-03-08 10:09
344 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title
here</title>
</head>
<script type="text/javascript"
src="Jquery-1.7.1.min.js"></script>
<body>
<div
id="mydiv">aaa</div>
</body>
<script
type="text/javascript">
(function($){
$.fn.extend({
ShowHtml: function (opt) {
var
defalut={width:500,height:500};
$.extend(defalut,opt);
alert(defalut.width+defalut.height);
$(this).html('<table
border="1"><tr><td>123</td></tr></table>');
}
});
})(jQuery);
$("#mydiv").ShowHtml({
width:200
});
</script>
</html>
Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title
here</title>
</head>
<script type="text/javascript"
src="Jquery-1.7.1.min.js"></script>
<body>
<div
id="mydiv">aaa</div>
</body>
<script
type="text/javascript">
(function($){
$.fn.extend({
ShowHtml: function (opt) {
var
defalut={width:500,height:500};
$.extend(defalut,opt);
alert(defalut.width+defalut.height);
$(this).html('<table
border="1"><tr><td>123</td></tr></table>');
}
});
})(jQuery);
$("#mydiv").ShowHtml({
width:200
});
</script>
</html>
相关文章推荐
- 【转载】【JQuery学习】jQuery插件开发
- jQuery 学习第七课 扩展jQuery的功能 插件开发
- JQuery插件开发学习
- linux&nbsp;spi驱动开发学习(三)--…
- eclipse 开发向导插件
- 学习开发jquery插件
- jquery插件 ajax分页
- jQuery 学习第七课 扩展jQuery的功能 插件开发
- jQuery学习笔记之插件开发(4)
- [置顶] jQuery 插件开发基础
- 学习从实践开始之jQuery插件开发 对话框插件开发
- Jquery插件按开发学习笔记(一)
- jQuery学习笔记之插件开发(4)
- jquery插件开发预学习
- jquery弹出框插件 很好用 wbox
- 学习从实践开始之jQuery插件开发 菜单插件开发
- jquery插件开发学习
- 如何学习Java Web开发
- 网站开发中很实用的 HTML5 & jQuery 插件
- jquery插件开发学习笔记(六)——页面平滑滚动