Jquery之JSON的用法

今天讲了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方法非常的简单和方便，他不像静态事件一样，无法移除。这样大大的增加了事件的实用性。

Jquery之JSON的用法

这就是上述代码最终的显示结果，之后会把JSON里面的内容都一一显示出来，JSON里面可以存储任何形式的数据！！！

秒客网

Jquery之JSON的用法

相关文章