json和jQuery

json入门： 
	json: Java Script 对象 的 表现形式 (Java Script Object Notation)
	  作用: 用来存储 数据 和  传输数据的 一种 格式 ，也是 一种 文本格式
	  
	xml和json 都是 用来 存储数据的一种 文本格式 
	
	xml文件 是 以 .xml结尾 
	
	xml语法：  
	  自定义标签名   文本内容
	  <person>
	  	 <name>张三</name>
	  	 <age>23</age>
	  </person>
	   
	xml的语法结构 与 hmtl 的语法结构 相似  ，但 文件的后缀 不同
		01.xml 	 	 01.html  都用 标签的形式来显示数据
	 自定义标签	 	 固定标签
	
	json和 xml 对比记忆 比较好;
	json的优势 ：
	  JSON 比 XML 更小、更快，更易解析。
========================================================================
2)json的语法结构：
		  var person = {}; 这是 json格式 代表一个 javaScript对象
		  var p = new Object(); 这个也是 javaScript对象
		       以上 是 同等关系 只是 表现形式不同而已
		
		用 { } 定义 ， { }中的内容 就是 当前 对象 的 属性  或  函数
		  属性的表现形式:  key :  value	 键  ： 值
		  多个由 “ ， ”逗号 隔开	
		  
		例如： 
		  var person = {
		 		name : "李四",
		 		age : 23,
		 		gender : '男'
		  };
		 
		json中可以嵌套 多个 json格式:
		 例如： 
		 var person = {
		 		name : "李四",
		 		age : 23,
		 		gender : '男',
		 		eat : function(){
					return "吃鱼"; 			
		 		},
		 		address : {
		 			city : "哈尔滨",
		 			province : "黑龙江省"
		 		} 
		  };
		 
		json格式的值可以有一下类型：
		 var person = {
		 		name : "李四",
		 		age : 23,
		 		gender : '男',
		 		eat : function(){
					return "吃鱼"; 			
		 		},
		 		address : {
		 			city : "哈尔滨",
		 			province : "黑龙江省"
		 		},
		 		hobby:["swim","running"],
		 		money : null 
		 };
===========================================================================
3) 如何把 JSON文本转换为 JavaScript 对象。
   //json 格式的字符串   字符串和 字符串之间需要 用  "+" 来拼接 所以 不要换行
	var person = "{'name': '张三','age' : '23'}"; 
	alert(typeof person);
	
	var p = {
	 	name : "李四",
	 	age : 23
	};//js 对象
	alert(typeof p);

以上为 json格式的 字符串	 和     用json格式 包装的 对象
 如果 将 json字符串 转换为 js 对象
  
 使用 eval()函数：将 json格式的字符串 转换为 js 的 对象 类型 有 string -----> object  
   例如： var obj = eval ("(" + txt + ")");
================================================================================
jQuery： 是 javaScript的 框架 
 框架就是 做了 js 的封装, 作用 就是 简化开发;

jQuery要做的事 ， javaScript都能办到，但是 javaScript要做的事儿 ， jQuery 不一定能办到;

后期实战 就是 用 javaScript + jQuery 结合来完成前段 功能的;

jQuery是 js 的框架 ， 那就是 jQuery已经有了 js 封装好的 一些 方法 和功能 供我们使用
 与 java中的 jar包 同理;
 
如果我们要用 jQuery进行开发， 就必须有 封装好的 js文件;
  步骤1: 下载 以 .js结尾的 jquery文件
	 	  网址: https://jquery.com

jquery-3.4.1.min.js 是被压缩后的 的 jquery 文件
jquery-3.4.1.js 是没有被压缩后的 jquery 文件

 步骤2:使用 script脚本 引入 外来的 jquery.js文件
例如: 
<script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
  这个标签 一旦 使用了 src属性后 就不可以在 脚本内容写 内容了 
需要创建一个新的 script脚本编写
  
  
 步骤3: 测试 jquery 是否引入成功
 1)$(document).ready(function(){  //jquery 的页面加载函数 跟 java中的 main函数一样
 		js+ jquery的代码
   })	

 2)$(function(){
 	 js+ jquery的代码
   })
二者只可以在script脚本中 出现一个 并 一次

jquery的选择器: 
 语法结构: $("") 选中
 
 1,标签(元素)选择器
	$("标签名")
 2,id选择器   
 	 $("#id的值")
 3,类选择器
 	 $(".class") 
 	 
三个简单实用的用于 DOM 操作的 jQuery 方法：
    text() - 设置或返回所选元素的文本内容
   		<div><h1>我是元素选择器</h1></div> 
   		 此方法的结果 为： 
    	    我是元素选择器
   		
    html() - 设置或返回所选元素的内容（包括 HTML 标记）
    	<div><h1>我是元素选择器</h1></div> 
    	 此方法的结果 为： 
    	  <h1>我是元素选择器</h1>
    	
    val() - 设置或返回表单字段的值
	 	 var b = $("#b");
		 alert(b.val());