首页 / JQUERY / Jquery之JSON的用法

Jquery之JSON的用法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Jquery之JSON的用法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1521字，纯文字阅读大概需要3分钟。

内容图文

今天讲了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里面可以存储任何形式的数据！！！

原文：http://www.cnblogs.com/axj1993/p/6525794.html

内容总结

以上是互联网集市为您收集整理的Jquery之JSON的用法全部内容，希望文章能够帮你解决Jquery之JSON的用法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1161270.html

来源：【匿名】