当发生某个特定事件的时候，程序会做出相应的反应，那么就是程序对这一事件进行了响应。我们也说我们把某些代码绑定到了这一事件上。 那么现在我们就认识了单击和双击事件，当然还有很多其它的事件，但是因为用法基本一样，比较简单，我们就不再一一敷述，大家自行查看手册即可。
当然，其实在后面也是会不断涉及的。
这不好玩！但是，再加上属性就有点意思了。其实真写起来你未必会在乎哪个是事件，哪个是属性的。来看我七十二变写个栗子例子。
<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”>
<title>JQuery 的第一个测试</title>
<script type=“text/javascript” src=“http://cdn.bootcss.com/jquery/3.0.0/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“button”).click(function(){
var text = $(“#one”).val();
$(“#two”).val(text);
});
});
</script>
</head>
<body>
<input type=“text” id=“one”>
<input type=“text” id=“two”>
<button>点我试一下</button>
</body>
</html>
试试这个吧~我来教大家怎么玩。
![图片[1]-第六十章 开始玩玩-易看设计 - 专业设计师平台](http://coffee.zji.me/imgs/60-1.jpg)
打开之后有两个输入框和一个按钮，先在第一个输入框内输入任意文字，然后点击按钮试试看~
你会发现第一个输入框的内容被复制到了第二个输入框里。那么究竟发生了什么呢，我们一起来分析一下代码：
当按钮惨遭单击之后，依次发生了两件事情。第一件，获得当前 #one 元素的值，并存入变量 text 中。第二件，将 #two元素的值，设置为变量 text 的值。
所以， val 可以做两件事情，获取和设置。如果小括号里面是空的，则获取这个元素的值；否则，将小括号里的值设置给这个元素。
事情从此变得有意思起来了呢！
暂无评论内容