jQuery笔记（一）

一、

$(document).ready(function(){

　　//不必所用的js代码都放入其中，ready（）意思是在DOM对象加载完毕后执行此中内容，

　　//可将想执行的js代码放在加载完的标签后面，然后执行（测试）

});

二、

姓名：<span id="id_name"></span><br>

$("#id_name").text("我是文本");　　　　　　　　//纯文本输出

$("#id_name").html("<p>ssss</p>");　　　　 //带HTML标签

三、

JSON对象

<script language="javascript">
var myJSON =
 {
  "name":"奥沙利文",
  "add":"吉林省长春市九台",
  "ta":{"name":"太神奇了", "sex":"男", "telephone":"13009017663"},
  "array":["first","second","third"],
  "objectArray":[
                 {"id":"01", "name":"张一", "sex":"女"},
                 {"id":"02", "name":"张二", "sex":"男"},
                 {"id":"03", "name":"张三", "sex":"女"},
                 {"test":"数据", "c":"测试", "s":"中心"}
                 ]
 };

$(document).ready(function(){
 $("#id_test").click(function(){
  $("#id_name").text(myJSON.name);
  $("#id_add").text(myJSON.add);
  $("#id_obj").text(myJSON.ta.name+"||"+myJSON.ta.sex+"||"+myJSON.ta.telephone);
  $("#id_arr").text(myJSON.array[0]+"||"+myJSON.array[1]);
  $("#id_arrObj").text(myJSON.objectArray[0].id+"||"+myJSON.objectArray[3].c+"||"+myJSON.objectArray[2].sex);
 });
});
</script>

由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误：

var obj = eval ("(" + txt + ")");

对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用