當(dāng)發(fā)生某個(gè)特定事件的時(shí)候,程序會做出相應(yīng)的反應(yīng),那么就是程序?qū)@一事件進(jìn)行了響應(yīng)。我們也說我們把某些代碼綁定到了這一事件上。 那么現(xiàn)在我們就認(rèn)識了單擊和雙擊事件,當(dāng)然還有很多其它的事件,但是因?yàn)橛梅ɑ疽粯?,比較簡單,我們就不再一一敷述,大家自行查看手冊即可。
當(dāng)然,其實(shí)在后面也是會不斷涉及的。
這不好玩!但是,再加上屬性就有點(diǎn)意思了。其實(shí)真寫起來你未必會在乎哪個(gè)是事件,哪個(gè)是屬性的。來看我七十二變寫個(gè)栗子例子。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQuery 的第一個(gè)測試</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>點(diǎn)我試一下</button>
</body>
</html>
試試這個(gè)吧~我來教大家怎么玩。

打開之后有兩個(gè)輸入框和一個(gè)按鈕,先在第一個(gè)輸入框內(nèi)輸入任意文字,然后點(diǎn)擊按鈕試試看~
你會發(fā)現(xiàn)第一個(gè)輸入框的內(nèi)容被復(fù)制到了第二個(gè)輸入框里。那么究竟發(fā)生了什么呢,我們一起來分析一下代碼:
當(dāng)按鈕慘遭單擊之后,依次發(fā)生了兩件事情。第一件,獲得當(dāng)前 #one 元素的值,并存入變量 text 中。第二件,將 #two元素的值,設(shè)置為變量 text 的值。
所以, val 可以做兩件事情,獲取和設(shè)置。如果小括號里面是空的,則獲取這個(gè)元素的值;否則,將小括號里的值設(shè)置給這個(gè)元素。
事情從此變得有意思起來了呢!
本書是收費(fèi)的,不過交費(fèi)憑自覺。價(jià)格定義為每人請我喝一杯咖啡(哪種品質(zhì)的咖啡隨意),支付寶賬號:
alay9999@163.com (劉源)
為了讓大家閱讀方便,本書將在如下站點(diǎn)發(fā)布,但最終內(nèi)容以主站為準(zhǔn):
未經(jīng)本人許可,禁止任何形式轉(zhuǎn)載。相關(guān)事宜請聯(lián)系: dms@zji.me