Jquery之JSON的用法
Posted 小艾—21克的爱
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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方法非常的简单和方便，他不像静态事件一样，无法移除。这样大大的增加了事件的实用性。
这就是上述代码最终的显示结果，之后会把JSON里面的内容都一一显示出来，JSON里面可以存储任何形式的数据！！！
以上是关于Jquery之JSON的用法的主要内容，如果未能解决你的问题，请参考以下文章