jQuery模拟angular的数据绑定

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script>
$(function () {
       //给input输入框绑定一个键盘松开事件
$("#txt").bind("keyup",function () {
         //$(this)将原生的js对象封装程jQuery对象,获取输入的框的值
var value=$(this).val();
          //将输入框的值绑定到span标签上
$("span").html(value);
})
})
</script>
</head>
<body>
<input type="text" id="txt">
<p>输入框里输入的内容:<span></span></p>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/kukai/p/10887378.html