標籤: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的用法