一. 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