第六十章 开始玩玩

当发生某个特定事件的时候,程序会做出相应的反应,那么就是程序对这一事件进行了响应。我们也说我们把某些代码绑定到了这一事件上。 那么现在我们就认识了单击和双击事件,当然还有很多其它的事件,但是因为用法基本一样,比较简单,我们就不再一一敷述,大家自行查看手册即可。

当然,其实在后面也是会不断涉及的。

这不好玩!但是,再加上属性就有点意思了。其实真写起来你未必会在乎哪个是事件,哪个是属性的。来看我七十二变写个栗子例子。

<!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>

试试这个吧~我来教大家怎么玩。

打开之后有两个输入框和一个按钮,先在第一个输入框内输入任意文字,然后点击按钮试试看~

你会发现第一个输入框的内容被复制到了第二个输入框里。那么究竟发生了什么呢,我们一起来分析一下代码:

当按钮惨遭单击之后,依次发生了两件事情。第一件,获得当前 #one 元素的值,并存入变量 text 中。第二件,将 #two元素的值,设置为变量 text 的值。

所以, val 可以做两件事情,获取和设置。如果小括号里面是空的,则获取这个元素的值;否则,将小括号里的值设置给这个元素。

事情从此变得有意思起来了呢!

原文链接:https://www.ek58.com/archives/2814,转载请注明出处。

0

评论0

请先

没有账号? 注册  忘记密码?