Unit01： jQuery 、 jQuery选择器

分类:
jQuery - Web版本(最主要)
jQuery UI(User Interface) - 集成UI内容
jQuery Mobile - 移动版本(WebApp)
QUnit - 用于测试

1.web版本
1.4.2版本 - 企业开发使用
1.8.3版本 - 企业使用最新
1.11.3版本 - 目前jQuery最新
2.x.x版本 - 不再支持IE浏览器(8以前)

2.使用JQUERY
- 在HTML页面中引入jQuery文件
- 使用jQuery的选择器定位(获取)页面元素
- 利用jQuery的API方法完成需求

3.选择器
- 基本选择器
- 层级选择器
- 过滤选择器
- 基本过滤选择器
- 子元素过滤选择器
- 内容过滤选择器
- 可见性过滤选择器
- 属性过滤选择器
- 表单对象属性过滤选择器
- 表单选择器

4. 基本内容
$(selector) - jQuery的工厂函数,该函数返回jQuery对象
jQuery的约定 - jQuery对象前增加"$"符号

DOM对象与jQuery对象
- DOM对象 : 通过DOM获取的元素,称之为DOM对象
- jQuery对象 : 通过jQuery包装DOM后产生的对象
jQuery对象的底层还是DOM对象

DOM对象与jQuery对象的转换
- DOM对象转换为jQuery对象 : $(DOM对象)
jQuery对象转换为DOM对象
- jQuery对象是数组对象 : 角标
- jQuery对象提供get(index)方法
注意 - DOM对象与jQuery对象之间不能相互调用

jQuery事件
jQuery将DOM的事件封装成对应的方法

5. 配置EditPlus快速浏览
打开工具栏Tools->Preferernces选项
打开EditPlus的配置窗口,选择Tools选项
选择Browers选项,选项Other...选项
在桌面找到Chrome浏览器的快捷方式,鼠标右键,选择"属性".
将属性窗口中的"目标"对应的路径内容复制
将复制的路径,粘贴到EditPlus的配置选项中
快速打开浏览器的快捷键"Ctrl+B"
6.测试javascript代码时
使用console.log()进行打印
error() - 输出错误
warn() - 输出警告
info() - 输出信息
log() - 输出日志
使用alert()打印输出
7.断点调试
打断点 - 在对应代码前的行标处,鼠标点击即可
断点调试 - 重新加载页面,自动停止在对应的代码中
功能 - 从左到右
* 暂停|运行功能
* 单步跳过
* 单步跳入
单步跳出