jQuery全解析

2401_84048671

于 2024-05-05 05:59:37 发布

阅读量563

点赞数 28

分类专栏：程序员文章标签： jquery 前端 javascript

本文链接：https://blog.csdn.net/2401_84048671/article/details/138458056

版权

程序员专栏收录该内容

448 篇文章 0 订阅

订阅专栏

这是a的内容
这是a的内容
这是a的内容
这是a的内容
这是a的内容
这是a的内容
Document
abc1
abc2
abc3
3.区分jQuery与Javascript

四、jQuery操作样式

 1.css操作

Document
这是li的内容
这是li的内容
这是li的内容
2.class操作

Document
添加basic类名

移出basic类名

判断是否有basic类名

切换basic类名

jquery好好用

五、jQuery操作属性

 1.attr操作

Document
美女画廊
选择一个图片

 2.prop操作

Document
点击我切换

菜名饭店红烧肉田老师西红柿鸡蛋田老师红烧狮子头田老师日式肥牛田老师
六、jQuery动画

jquery提供了三组基本动画，这些动画都是标准的、有规律的效果，jquery还提供了自定义动画的功能。【演示动画例子】

1.三组基本动画

Document
展示

隐藏

切换

Document
展示

隐藏

切换

Document
展示

隐藏

切换
一级菜单1
二级菜单11
二级菜单12
二级菜单13
一级菜单2
二级菜单21
二级菜单22
二级菜单23
一级菜单3
二级菜单31
二级菜单32
二级菜单33
京东商城
<

>

2.自定义动画

Document
swing

3.动画队列与停止动画

Document
swing
Document
开始

停止

Title
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

3

6.省去new操作
Document
1

2

3
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

3

6.省去new操作
Document
1

2

3