<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" href="/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
src="<%=request.getContextPath()%>/js/jquery-1.9.1.js" charset="UTF-8"></script>
<script type="text/javascript"
src="<%=request.getContextPath()%>/js/plugin.js" charset="UTF-8"></script>
<script type="text/javascript">
$(document).ready(function() {
//alert("helo");
});
var jqplg = {
init : function() {
jQuery.foo1 = function() {
alert("i am foo1");
};
},
initextends : function() {
jQuery.extend({
foo2 : function() {
alert("i am foo2");
},
bar : function(p) {
alert("i am bar " + p);
}
});
},
initnamespace : function() {
jQuery.na = {
foo3 : function() {
alert("i am foo3");
},
};
}
};
var test = {
testarray : function() {
var a = new Array(10);
var b = new Array(1, 2, 3, 4, 5);
alert(a.length);
alert(b.length);
},
testpg1 : function() {
//jQuery.foo1();
jqplg.init();
jQuery.foo1();
},
testpg2 : function() {
jqplg.initextends();
jQuery.foo2();
jQuery.bar("hello");
$.bar("ok");
},
testpg3 : function() {
jqplg.initnamespace();
jQuery.na.foo3();
$.na.foo3();
},
testpg4 : function() {
$("#desc").foo4();
},
testpg5 : function() {
(function($) {
$.fn.foo5 = function() {
alert("i am foo5");
};
})(jQuery);
$("#desc").foo5();
},
testpg6 : function() {
(function($) {
$.fn.maxHeight = function() {
var max = 0;
this.each(function() {
max = Math.max(max, $(this).height());
});
return max;
};
})(jQuery);
alert($("#th").maxHeight());
}
};
//test.testarray();
/* test.testpg1();
test.testpg2();
test.testpg3(); */
test.testpg4();
test.testpg5();
test.testpg6();
</script>
<style type="text/css">
body {
font-family: 'Verdana', '宋體';
font-size: 12px;
}
</style>
</head>
<body>
<div id="desc">jQuery是一個框架！壓縮後有30多k吧。</div>
<div id="th" height="200"></div>
</body>
</html>