【Web前端】jquery_json

1.jquery

1.1jquery简介

• jquery是一个快速、简洁的javascript框架，于2006年1月份发布。jquery设计的宗旨是"write less,domore"，倡导写更少的代码，做更多的事情。
• 封装了javascript常用的一些功能代码，提供一种简便的js设计模式，优化html文档操作、事件处理、动画设计和ajax交瓦。
• jquery核心特性可以总结:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器并且可以对css选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件，
• jquery兼容各种主流浏览器

1.2 jquery下载和引入
下载地址

1.3 jquery常见选择器

• $("div") 标签选择器
• $("#id") id选择器
• $(".x") class选择器
• $("input[type='checkbox']")属性选择器

1.4 jquery改变控件的属性

• prop()方法
• attr()方法
• removeAttr()移除属性

1.5 jquery改变控件css样式

• css("属性","值")
• css({"属性1":"值1","属性2":"值2",...})
• addClass("class选择器")
• removeClass("class选择器")

1.6 jquery获取或改变value值

• val() 取值
• val("值") 赋值

1.7 jquery获取或改变html

• html() 获取
• html("值") 改变

1.8 jquery完成dom操作

• append() 在被选元素的结尾插入内容
• prepend() 在被选元素的开头插入内容
• empty() 在当前被选元素中删除子元素
• remove() 删除被选元素及其子元素

2.json

2.1 简介

• JSONlavaScript Object Notation,js对象标记)，是一种轻量级的数据交换格式，易于阅读和编写，可以在多种语言之间进行数据交换
• 以前数据交换，使用xml(可扩展的标记语言)

2.2 json包括类型

2.2.1 简单值

• 字符串、数字值、布尔值、null,都可以在json中出现，特殊值undifined不可以出现如:"hellojson"，是一个有效的json数据
• 区别:js字符串和ison字符串区别在于ison串必须使用双引号

2.2.2 对象

• 是一种复杂数据类型，对象表示有键值对，每个值可以是简单值，也可以是复杂类型
• 在json中，要求将属性用双引号包围起来

2.3 解析与序列化

json优点：

• 语法和js类似
• 独立于各种语言
• json可以直接被解析成js对象

2.3.1 JSON对象

• stringify()：将js序列化为json字符串
• parse()：将json解析为js值