<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>todlist jquery</title>
</head>
<body>
<div>
<input type="text" id="inputValue">
<button id="btn">提交</button>
<ul id="aa"></ul>
</div>
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script>
function Page(){}
$.extend(Page.prototype, {
init:function() {
this.bind()
},
bind:function() {
// var btn = $('#btn');
// btn.on('click',$.proxy(this.Btnclick,this))
$("#btn").click($.proxy(this.Btnclick,this));
},
Btnclick:function() {
var input = $('#inputValue');
var inputValue =input.val();
$("#aa").after("<li>" + inputValue + "</li>");
//添加完 情况input里面的值
input.val("");
}
})
//调用实例化
var page = new Page();
page.init();
</script>
<html lang="en">
<head>
<meta charset="utf-8">
<title>todlist jquery</title>
</head>
<body>
<div>
<input type="text" id="inputValue">
<button id="btn">提交</button>
<ul id="aa"></ul>
</div>
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script>
function Page(){}
$.extend(Page.prototype, {
init:function() {
this.bind()
},
bind:function() {
// var btn = $('#btn');
// btn.on('click',$.proxy(this.Btnclick,this))
$("#btn").click($.proxy(this.Btnclick,this));
},
Btnclick:function() {
var input = $('#inputValue');
var inputValue =input.val();
$("#aa").after("<li>" + inputValue + "</li>");
//添加完 情况input里面的值
input.val("");
}
})
//调用实例化
var page = new Page();
page.init();
</script>