.animate({
top: 300
}, 1000)
.animate({
borderRadius: “50%”
}, 1000)
.slideUp(2000)
.slideDown(2000)
// 好处： 先后顺序的动画
// 坏处： bug
})
开始
停止
Title 导航1
- 导航2
- 导航3
- 导航4
- 导航5
- 导航6
- 导航7
-
切换图片
七、jQuery节点操作
1.创建节点
Document 2.添加节点
Document 这是div内的p元素
这是div外的p元素
城市选择：
北京 上海 深圳 广州 西红柿>>
<<
>
<
3.清空节点与删除节点
Document 这是div内的p元素
这是div外的p元素
4.克隆节点
八、jQuery特殊属性操作
1.val方法
Document Document 2.html方法与text方法
Document 这是p元素
3.width方法与height方法
Document 4.scrollTop与scrollLeft
Document 返回顶部
Title 5.offset方法与position方法
Document 九、jQuery事件机制
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 世界名网
十、jQuery补充知识点
1.隐式迭代
基本概念
Document - 1
- 2
- 3
each方法
Document - 1
- 2
- 3
2.链式编程
Document 随便写的文字
五角星评分案例 - ☆
- ☆
- ☆
- ☆
- ☆
五角星评分案例 - ☆
- ☆
- ☆
- ☆
- ☆
3.多库共存
Document 十一、jQuery插件
1.使用插件
Document Document Document 2.制作jQuery插件
Document 这是文字效果
课程名称 所属学院 操作 JavaScript 传智播客-前端与移动开发学院 DELETE css 传智播客-前端与移动开发学院 DELETE html 传智播客-前端与移动开发学院 DELETE jQuery 传智播客-前端与移动开发学院
DELETE
Title -
十二、jQuery框架封装
1.jq的基本架构
Document 2.undefined的问题
Document 3.封装jq-获取元素
Document 1 2 3这是p
这是p
这是p
这是p
这是p
这是p
4.获取元素-优化
Document 1 2 3这是p
这是p
这是p
这是p
这是p
这是p
5.往jq的原型中添加方法
Document 1 2 36.省去new操作
Document 1 2 37.工厂函数
Document 8.解决init实例对象访问jq原型中方法
Document 1 2 3自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）
Java高频面试专题合集解析：
当然在这还有更多整理总结的Java进阶学习笔记和面试题未展示，其中囊括了Dubbo、Redis、Netty、zookeeper、Spring cloud、分布式、高并发等架构资料和完整的Java架构学习进阶导图！
更多Java架构进阶资料展示
《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门即可获取！
能使用push 方法// 借用 call apply
// call apply区别：第二个参数， apply，第二个参数是个数组或者伪数组
// apply的平铺性
[].push.apply(this, eles);
// 相当于：
// this.push(eles中的每一项)
}
window.jQuery = window.$ = jQuery;
})(window)
// 获取页面中所有的div元素
var $divs = new $(“div”);
console.log($divs);
var $ps = new $(“p”)
console.log($ps);
5.往jq的原型中添加方法
Document 1 2 36.省去new操作
Document 1 2 37.工厂函数
Document 8.解决init实例对象访问jq原型中方法
Document 1 2 3自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。[外链图片转存中…(img-gh7xdWix-1712164648979)]
[外链图片转存中…(img-dxlJPdW4-1712164648980)]
[外链图片转存中…(img-MaSBBojE-1712164648980)]
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）
Java高频面试专题合集解析：
[外链图片转存中…(img-LERiuicY-1712164648980)]
当然在这还有更多整理总结的Java进阶学习笔记和面试题未展示，其中囊括了Dubbo、Redis、Netty、zookeeper、Spring cloud、分布式、高并发等架构资料和完整的Java架构学习进阶导图！
[外链图片转存中…(img-Y1TYPsWu-1712164648980)]
更多Java架构进阶资料展示
[外链图片转存中…(img-zSWvVaDz-1712164648981)]
[外链图片转存中…(img-ywezkkzS-1712164648981)]
[外链图片转存中…(img-0UmNhLau-1712164648981)]
《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门即可获取！
