1.什么是JQ: write less , do more: 写更少的代码,做更多的事
javascript函数库
2. 1.11版本
3.定时器:同css中的定时器
4.动画效果:
show : 显示
hide : 隐藏
slideDown:
slideUp: 向上滑动
fadeIn
fadeOut
5.JQ选择器:
5.1基本选择器:
ID选择器: #ID的名字
类选择器: .类名
元素选择器: 标签名称
通配符选择器: *
选择器分组: 选择器1,选择器2
5.2层级选择器:
后代选择器: 选择器1 儿孙
子元素选择器: 选择器1 > 儿子
相邻兄弟选择器: 选择器1 + 选择器2 找出紧挨着它的弟弟
所有弟弟选择器: 选择器1~选择器2 找出所有弟弟
5.3基本过滤器:
选择器:first : 找出的是第一个
:last
:even 找出索引为偶数
:odd 找出奇数索引
:gt(index) : 大于索引
:lt(index) 小于
:eq(index) 等于
5.4属性选择器:
选择器[href] : 单个属性
```
选择器[href][title] : 多个属性
选择器[href][title='test'] : 多个属性,包含值
```
5.5表单过滤器:
:input 找出所有输入项: input textarea select
:text
:password
5.6表单对象属性:
找出select中被选中的那一项:
option:selected
6.JQ的开发步骤:
1. 导入JQ相关的包
2. 文档加载文成的事件: 页面初始化: 绑定事件, 启动定时器
3. 确定事件
4. 实现事件索要触发的函数
5. 函数里面再去操作我们要操作的元素