-
【JQuery】JQuery入门——知识点讲解(一)
🔎这里是【JavaScript】，关注我学习前端不迷路
👍如果对你有帮助，给博主一个免费的点赞以示鼓励
欢迎各位🔎点赞👍评论收藏⭐️👀专栏介绍
【JQuery】 目前主要更新JavaScript，一起学习一起进步。
👀本期介绍
本期主要介绍JQuery入门——知识点讲解(一)
文章目录
1. jQuery 简述
jQuery 是一个 JavaScript 框架。底层封装了大量 JavaScript 代码。它兼容 CSS3 ，还兼容各种浏览器。文档说明很全，应用详细，成熟插件多。
注： 压缩版和非压缩版功能代码一模一样 ，区别仅为压缩版将所有的回车换行全部删掉，并且删除了绝大部分的注释，使得代码没有格式地堆在一起。这样虽然牺牲了代码的可读性，但可以大大减少回车换行和注释占用的空间，功能和原来也是相同的。非压缩版适合于学习 jQuery 查看源码；压缩版适合于正式开发jQuery2.0 及后续版本不再支持 IE6/7/8 浏览器核心理念是 write less,do more( 写得更少 , 做得更多 )
2. jQuery 的引入及使用
jQuery 版本有很多，不同版本的 jQuery 之间方法和功能有一定改变。为了教学统一，我们统一使用 jquery-1.11.3 版本。将“资料”中的 jquery-1.11.3.min.js 引入页面，即可引入 jQuery
基本语法jQuery( 选择器 );$( 选择器 );以上两种写法效果等价，开发中使用第二种例如：
3. jQuery 对象和 JS 对象的互转
开发中，为了使用 JS 方法和属性，我们也会选择将 jQuery 对象转回 JS 对象。格式： js 对象 =jQuery 对象 [0];开发中，我们为了方便开发，会将 JS 对象转为 jQuery 对象使用；格式： jQuery 对象 =$(js 对象 );示例：
注：jQuery 对象只能调用 jQuery 方法和属性；JS 对象只能调用 JS 方法和属性；4. jQuery 页面加载完成时执行代码
JS 中我们使用 JS 的 onload 事件，保证页面加载完成时执行何种代码。jQuery 对 onload 进行了包装，变为了更为方便的代码：格式 1 ：
格式 2：
以上两种方式效果等价，开发中我们使用第二种方式。jQuery 页面加载完成事件也能绑定多个函数。
5. jQuery 基本选择器
jQuery 也有和 CSS 一样，也有选择器概念，即 选择性获取某些标签对象jQuery 有大量复杂选择器，这里先介绍三个基本选择器。ID 选择器$("#id 值 ")元素选择器$(" 标签名 ")类选择器$(". 类名 ")代码准备：
6. jQuery 动画效果（了解）
jQuery 的隐藏和显示相对 JS 更为动感圆滑。代码准备：
以下所有动画效果方法中都有两个参数：speed动画效果的持续时间，单位：毫秒一般快速效果设置 500 ，正常效果设置 1000 即可fn动画效果成功展示完成后，回来调用的函数。（回调函数）基本效果：（放大缩小滑动）
滑动效果：（上下滑动）
淡入淡出效果：（改变透明度的效果）
-
相关阅读:
C++对象模型（15）-- 构造函数语义学：移动构造函数和移动赋值运算符
PGsql设置自增ID
前端编写一个express实现项目部署上线流程
Leetcode-面试题 02.02 返回倒数第 k 个节点
＜Senior High School Math＞: inequality question
视频流采集存储和展示技术调研
【STL】容器 - set和map的使用
SUNLORDINC顺络电子LTCC产品推广资料
elasticsearch7.6安装教程及启动常见错误解决方法
《视觉 SLAM 十四讲》V2 第 9 讲 后端优化1 【扩展卡尔曼滤波器 EKF && BA+非线性优化(Ceres、g2o)】
- 原文地址：https://blog.csdn.net/weixin_45481821/article/details/125994664