Jquery之JSON的用法

來源:互聯網
上載者:User

標籤:text   方便   char   logs   charset   idt   html   無法   技術   

今天講了Jquery裡面JSON的用法,下面是今天講課給的例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en">    <head>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />        <title></title>        <script src="jquery-1.11.2.min.js"></script>    </head>        <div id="aa" style="width: 100px; height: 100px; background-color: #F93;">hello</div>        <input type="text" id="bd" />        <input type="button" id="btn1" value="掛事件" />        <input type="button" id="btn2" value="移除事件" />    </body>    <script type="text/javascript">        //靜態加事件        //$("#aa").click(function(){})        //掛事件(動態綁定事件)        $("#btn1").click(function(){            //給DIV綁定事件            $("#aa").bind("click",function(){                alert("div點擊了");            });                    })        //移除事件        $("#btn2").click(function(){            $("#aa").unbind("click");        })        //事件數目據        //事件來源        $("#aa").keydown(function(e){            alert(e.keyCode);        })        //JSON        //$arr = array("one"=>"111")        var j = {            "one":"111111",            "two":"222222",            "three":"333333",            "four":{"aa":"444111"}        };        //alert(j["two"]);//數組的取之方法        //alert(j.two);//點文法        //alert(j.four.aa);        //遍曆        for(var k in j)        {            alert(j[k]);        }     </script></html>

我們可以看到事件包括事件來源和事件數目據,在JSON裡面如果要添加資料的話,需要接受一個變數,然後在花括弧裡面輸上索引值和資料內容,中間用引號相串連,上面的代碼用紅色標記部分就是JSON的代碼部分;

給標籤加掛事件和移除事件的部分在上述代碼也用褐色標記出來了,我們可以看到用Jquery方法非常的簡單和方便,他不像靜態事件一樣,無法移除。這樣大大的增加了事件的實用性。

這就是上述代碼最終的顯示結果,之後會把JSON裡面的內容都一一顯示出來,JSON裡面可以儲存任何形式的資料!!!

Jquery之JSON的用法

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.