當(dāng)發(fā)生某個(gè)特定事件的時(shí)候，程序會(huì)做出相應(yīng)的反應(yīng)，那么就是程序?qū)@一事件進(jìn)行了響應(yīng)。我們也說(shuō)我們把某些代碼綁定到了這一事件上。那么現(xiàn)在我們就認(rèn)識(shí)了單擊和雙擊事件，當(dāng)然還有很多其它的事件，但是因?yàn)橛梅ɑ疽粯樱容^簡(jiǎn)單，我們就不再一一敷述，大家自行查看手冊(cè)即可。

當(dāng)然，其實(shí)在后面也是會(huì)不斷涉及的。

這不好玩！但是，再加上屬性就有點(diǎn)意思了。其實(shí)真寫(xiě)起來(lái)你未必會(huì)在乎哪個(gè)是事件，哪個(gè)是屬性的。來(lái)看我~~七十二變~~寫(xiě)個(gè)栗子例子。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery 的第一個(gè)測(cè)試</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è)吧~我來(lái)教大家怎么玩。

打開(kāi)之后有兩個(gè)輸入框和一個(gè)按鈕，先在第一個(gè)輸入框內(nèi)輸入任意文字，然后點(diǎn)擊按鈕試試看~

你會(huì)發(fā)現(xiàn)第一個(gè)輸入框的內(nèi)容被復(fù)制到了第二個(gè)輸入框里。那么究竟發(fā)生了什么呢，我們一起來(lái)分析一下代碼：

當(dāng)按鈕慘遭單擊之后，依次發(fā)生了兩件事情。第一件，獲得當(dāng)前 #one 元素的值，并存入變量 text 中。第二件，將 #two元素的值，設(shè)置為變量 text 的值。

所以， val 可以做兩件事情，獲取和設(shè)置。如果小括號(hào)里面是空的，則獲取這個(gè)元素的值；否則，將小括號(hào)里的值設(shè)置給這個(gè)元素。

事情從此變得有意思起來(lái)了呢！

上一章 - 目錄 - 下一章

本書(shū)是收費(fèi)的，不過(guò)交費(fèi)憑自覺(jué)。價(jià)格定義為每人請(qǐng)我喝一杯咖啡（哪種品質(zhì)的咖啡隨意），支付寶賬號(hào)：

alay9999@163.com （劉源）

為了讓大家閱讀方便，本書(shū)將在如下站點(diǎn)發(fā)布，但最終內(nèi)容以主站為準(zhǔn)：

主站首發(fā)： http://coffee.zji.me/
Gitbook: http://codeme.gitbooks.io/easy-web-code-book/
簡(jiǎn)書(shū)： http://www.jianshu.com/users/d37eaf3de0ff
站酷： http://www.zcool.com.cn/u/12927742

未經(jīng)本人許可，禁止任何形式轉(zhuǎn)載。相關(guān)事宜請(qǐng)聯(lián)系： dms@zji.me

第六十章 開(kāi)始玩玩

第六十章開(kāi)始玩玩