- 这是a的内容
- 这是a的内容
- 这是a的内容
- 这是a的内容
- 这是a的内容
- 这是a的内容
Document - abc1
- abc2
- abc3
3.区分jQuery与Javascript
1.css操作
Document - 这是li的内容
- 这是li的内容
- 这是li的内容
2.class操作
Document 添加basic类名
移出basic类名
判断是否有basic类名
切换basic类名
jquery好好用
1.attr操作
Document 美女画廊
-
选择一个图片
2.prop操作
Document 点击我切换
菜名 饭店 红烧肉 田老师 西红柿鸡蛋 田老师 红烧狮子头 田老师 日式肥牛 田老师
jquery提供了三组基本动画,这些动画都是标准的、有规律的效果,jquery还提供了自定义动画的功能。【演示动画例子】
1.三组基本动画
Document 展示
隐藏
切换
Document 展示
隐藏
切换
Document 展示
隐藏
切换
一级菜单1
- 二级菜单11
- 二级菜单12
- 二级菜单13
一级菜单2
- 二级菜单21
- 二级菜单22
- 二级菜单23
一级菜单3
- 二级菜单31
- 二级菜单32
- 二级菜单33
京东商城 <
>
2.自定义动画
Document swing3.动画队列与停止动画
Document swingDocument 开始
停止
Title Title 导航1
- 导航2
- 导航3
- 导航4
- 导航5
- 导航6
- 导航7
切换图片
1.创建节点
Document 2.添加节点
Document 这是div内的p元素
这是div外的p元素
城市选择:
北京 上海 深圳 广州 西红柿>>
<<
>
<
3.清空节点与删除节点
Document 这是div内的p元素
这是div外的p元素
4.克隆节点
1.val方法
Document Document 2.html方法与text方法
Document 这是p元素
3.width方法与height方法
Document 4.scrollTop与scrollLeft
Document 返回顶部
Title 5.offset方法与position方法
Document
JavaScript中已经学习过了事件,但是jQuery对JavaScript事件进行了封装,增加并扩展了事件处理机制。jQuery不仅提供了更加优雅的事件处理语法,而且极大的增强了事件的处理能力。
1.jQuery事件发展历程(了解)
Document 点击解绑div的事件
点击创建p元素添加到div内
这是div内的p元素
这是div内的p元素
Document 创建li元素
- 这是第1个li元素
- 这是第2个li元素
- 这是第3个li元素
- 这是第4个li元素
- 这是第5个li元素
- 这是第6个li元素
- 这是第7个li元素
- 这是第8个li元素
- 这是第9个li元素
- 这是第10个li元素
2.on注册事件(重点)
Document 点击解绑div的事件
点击创建p元素添加到div内
这是div内的p元素
这是div内的p元素
3.事件解绑
Document 点击解绑div的事件
这是div内的p元素
这是div内的p元素
4.触发事件
Document 5.jQuery事件对象
Document
1.隐式迭代
基本概念
Document - 1
- 2
- 3
each方法
Document - 1
- 2
- 3
2.链式编程
Document 随便写的文字
五角星评分案例 - ☆
- ☆
- ☆
- ☆
- ☆
五角星评分案例 - ☆
- ☆
- ☆
- ☆
- ☆
3.多库共存
Document
1.使用插件
Document Document Document 2.制作jQuery插件
Document 这是文字效果
课程名称 所属学院 操作 JavaScript 传智播客-前端与移动开发学院 DELETE css 传智播客-前端与移动开发学院 DELETE html 传智播客-前端与移动开发学院 DELETE jQuery 传智播客-前端与移动开发学院
Title -
1.jq的基本架构
Document 2.undefined的问题
Document 3.封装jq-获取元素
Document 123这是p
这是p
这是p
这是p
这是p
这是p
4.获取元素-优化
Document 123这是p
这是p
这是p
这是p
这是p
这是p
5.往jq的原型中添加方法
Document 1236.省去new操作
Document 123Title -
1.jq的基本架构
Document 2.undefined的问题
Document 3.封装jq-获取元素
Document 123这是p
这是p
这是p
这是p
这是p
这是p
4.获取元素-优化
Document 123这是p
这是p
这是p
这是p
这是p
这是p
5.往jq的原型中添加方法
Document 1236.省去new操作
Document 123