思维导图

一、$ 工具方法

1、 $.each() ：遍历数组、对象、对象数组中的数据

2、$.trim() ：去除字符串两边的空格

3、$.type(obj) ：得到数据的类型

4、$.isArray(obj) ：判断是否是数组

5、 $isFunction(obj) ：判断是否是函数

6、 $parseJSON(obj) ：解析json字符串转换为js对象/对象数组

1.1  $.each()  遍历对象

案例展示：

效果展示：

1.2  $.each()  遍历数组

案例展示：

效果展示：

2、$.trim() ：去除字符串两边的空格

案例展示：

效果展示：

3、$.type(obj) ：得到数据的类型

案例展示：

效果展示：

案例展示：

效果展示：

案例展示:

效果展示： 

案例展示：

效果展示：

 4、$.isArray(obj) ：判断是否是数组

案例展示：

效果展示：

 5、 $isFunction(obj) ：判断是否是函数

案例展示：

效果展示：

 6.1、 $parseJSON(obj) ：解析json字符串转换为js对象

案例展示：

效果展示：

 6.2、 $parseJSON(obj) ：解析json字符串转换为js对象数组

案例展示：

效果展示：

 二、jQuery属性

1、 attr() 拿属性值/设置属性值 

2、 removeAttr() 移除某个属性对应属性值

3、 addClass() 增加样式值

4 、removeClasss() 移除样式值 

5、 prop() 和 attr() 的区别

6、 attr()和addClass() 的区别

7、 html() 和 text() 的区别

 1、 attr() 拿属性值

案例展示：

效果展示：

 1.1、 attr() 设置属性值 

案例展示：

 2、 removeAttr() 移除某个属性对应属性值

案例展示：

3、 addClass() 增加样式值

案例展示：

 4 、removeClasss() 移除样式值 

案例展示：

 5、 prop() 和 attr() 的区别

案例展示：

 6、 attr()和addClass的区别

案例展示：

7、 html() 和 text()的区别

案例展示：

三、CSS

案例展示：

效果展示：

 本节完。