1.test01.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test01.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="js/jquery-1.9.0.js"></script>
<script type="text/javascript" src="js/test01.js"></script>
</head>
<body>
<div id="div1">
<button class="btn">test</button>
<div id="div2"></div>
<div id="div3"></div>
</div>
</body>
</html>
2.test01.js
$(function() {
$
.extend({
hello : function(data) {
// alert2(data);
// alert("hello");
$("#div3")
.html(
"<table><tr class='tc'><td>id</td><td>name</td></tr><tr class='tc'><td>1</td><td>zhangsan</td></tr><tr class='tc'><td>2</td><td>lisi</td></tr></table>");
},
world:function(){
// $(".tc").click(function(){
// alert($(this).html());
// });
alert($(this).html());
}
});
// var alert = function() {
// document.write("yes");
// };
// var alert2 = new Function("document.write('no');document.write('no2');");
$("#div1").on("click", ".btn", function() {
var i = 1;
i++;
$("#div2").html("<button class='btn'>test2</button>");
$.hello(i);
// $("#div3")
// .html(
// "<table><tr class='tc'><td>id</td><td>name</td></tr><tr><td>1</td><td>zhangsan</td></tr><tr class='tc'><td>2</td><td>lisi</td></tr></table>");
$("#div3").on("click",".tc", function(){
alert( $(this).text() );
});
});
// $("#div1").on("mouseover", "table tr", function() {
// // $this=$(this);
// // alert($this);
// $.world();
// });
// $("table tr").click(function(){
// alert($(this).html());
// });
});
3.运行