jQuery的$工具方法&CSS属性及方法

一. js与jQuery的转换

1.1 概述

$类似Java中的类
$()类似Java中的类的构造方法

1.2 js与jQuery的转换

js转换jQuery====>$（js对象）
jQuery转换js====>通过下标转换js对象，通过get方法加下标获取

二. $工具方法

1. $.each(): 遍历数组，对象，对象数组中的数据

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

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

4. $.isArray(obj): 判断是否为数组

5. $.isFunction(obj): 判断是否是函数

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

三. jQuery属性和CSS

3.1 属性

1.attr(): 获取某个标签属性的值，或设置某个标签属性的值
2.removeAttr(): 删除某个标签属性
3.addClass(): 给某个标签添加class属性值
4.removeClass(): 删除某个标签class属性值
5.prop(): 和attr()类似，区别在于prop用于属性值为boolean类型的情况，比如多选
6.html(): 获取某一个标签体的内容（注意：该标签体可以包含子标签）
7.text(): 获取某一个标签体内容（注意：该标签体不能包含子标签）
8.val(): 用户获取/设置输入框的值

3.2 CSS

1.css(): 设置标签的css样式

1.1 获取样式值：css（“样式名”）
1.2 设置单个样式：css（“样式名”，“样式值”）
1.3 设置多个样式：css（{“样式名”：“样式值”,“样式名”：“样式值”}）

2.位置

2.1 offset(): 相对整个大容器的相对位置
2.2 position(): 相对父容器的相对位置
2.3 srcollXX: 滚动条到XX距离

3.1 内容尺寸

width(): 容器宽
height(): 容器高

3.2 内部尺寸

innerWidth(): width + padding
innerHeight(): height + padding

3.3 外部尺寸（注意：参数为true，再加上margin）

outerWidth(): width + padding + border
outerHeight(): height + padding + border