前端学习记录 —— JQuery（一）

最新推荐文章于 2025-12-15 07:24:15 发布
原创 最新推荐文章于 2025-12-15 07:24:15 发布 · 407 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #前端 #javascript

本文档总结了JQuery的基础知识，包括选择器、样式操作、显示隐藏效果等，并通过实例介绍了tab栏切换、类操作与className的区别等内容。适合初学者快速掌握JQuery的基本用法。

前端学习记录 —— JQuery（一）

前言

本人编写博客，作为个人学习使用；本章 博客总结B站视频学习中资料以便后期复习、巩固。

B站视频：
https://www.bilibili.com/video/BV1Sy4y1C7ha?p=385

在视频学习留言区，看到有类似我想总结的博客。为确保本人学习记录的完整性，故仅推荐相关博客链接，。。。（希望读者见谅）

https://blog.youkuaiyun.com/Augenstern_QXL/article/details/117707994

本章主要总结 JQuery 选择器、JQuery 样式操作、效果、JQuery 属性操作、JQuery 内容文本值、JQuery 元素操作、尺寸与位置

在这里插入图片描述

不建议读者阅读本人下述内容，下述内容仅本人观看视频时所做粗稿

JavaScripyt 库

在这里插入图片描述

在这里插入图片描述

JQuery 的概念

在这里插入图片描述
在这里插入图片描述

1.1

在这里插入图片描述

在这里插入图片描述1.2

在这里插入图片描述
1.3

在这里插入图片描述

在这里插入图片描述

eg：播放
1.4

在这里插入图片描述
在这里插入图片描述

JQuery 基础选择器

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
1.6

在这里插入图片描述
1.7

在这里插入图片描述
1.8

下拉列表

在这里插入图片描述

在这里插入图片描述
1.9

在这里插入图片描述

在这里插入图片描述

1.10

多选一·：排它思想

在这里插入图片描述

在这里插入图片描述
1.11

在这里插入图片描述
在这里插入图片描述
1.12 #### 链式编程

链式编程

在这里插入图片描述

在这里插入图片描述
1.13

在这里插入图片描述
1.14
在这里插入图片描述

在这里插入图片描述

1.15 tab 栏切换案例

在这里插入图片描述

在这里插入图片描述

1.16 类操作与className区别

在这里插入图片描述

1.17 显示隐藏效果

在这里插入图片描述

接下来的函数差手册

在这里插入图片描述

1.18 滑动效果

在这里插入图片描述
滑出来

在这里插入图片描述

1.19 事件切换

在这里插入图片描述

事件切换

1.20 动画队列及其停止排队的方法

在这里插入图片描述

1.21 淡入淡出效果

在这里插入图片描述
在这里插入图片描述

动画都会有排队的情况

1.22 自定义动画

在这里插入图片描述

手风琴效果；折叠效果
在这里插入图片描述

1.24

黑马前端pink老师——jQuery入门基础学习笔记
weixin_44566194的博客
10-31 2585
本文将黑马前端 pink老师讲解的 jQuery 入门基础课笔记整理了一遍，包括 jQuery 概述、基本使用、常用API、jQuery 事件、jQuery 插件其他方法等知识点。
jQuery学习笔记——jqGrid的使用记录（实现分页、搜索功能）
01-19
jqGrid 是一个用来显示网格数据的jQuery插件，通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。 一、要引用的文件 要使用jqGrid，首先页面上要引入如下css与js文件。 1、css <link href=/css/ui...
①、jQuery，Hold on!
Augenstern_QXL的博客
06-08 4943
1.jQuery 1.1 jQuery下载 官网: https://jquery.com/ 各个版本的下载：https://code.jquery.com/ 打开官网 点击进入：ctrl+A 全选， ctrl+c 复制 在vs中新建jquery.min.js 文件（此处任何名称均可，只要是js文件即可） 在html 文件进行引入即可 <script src = "jquery.min.js"></script> 1.2 jQuery的入口函数 //
②、jQuery，Hold on!
Augenstern_QXL的博客
08-05 2471
✍、jQuery事件???? 1.1、jQuery事件注册???? 1.1.1、单个事件注册???? 语法： element.事件(function(){}) $("div").click(function(){事件处理程序}) 其他事件和原生基本一致。 比如mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll 等 1.2、jQuery事件处理???? 1.2.1、事件处理 on()绑定事件???? on() 方法在匹配元素上
初学JavaScript
Y_Xxi的博客
03-02 210
JavaScript 运算符 和 Math对象 一、运算符 1、赋值运算符 变量名=表达式表达式举例： <script> a = (b+3) + (b-1 ) //表达式就是符号（如加号、减号）与操作数（如b,3等）的组合 </script> 2.数值运算符 （1）数值运算符的作用及常用符号 符号：+= 、 一= 、×= 、/= 、 %= 如果加号两边都是数值...
前端学习笔记——jQuery
羚漆的博客
09-08 753
一个js的工具库，能够很方便的查询并存储出元素、操作元素。jquery中的变量名一般以$$div、$var.使用$()$('span')获取所有span元素，首先获取jquery对象，然后执行操作。
web前端学习笔记——JQuery
wjsn520的博客
03-07 588
web前端开发基础 第五章——JQuery 传送门：第一章：HTML | 第二章：CSS | 第三章：html5和CSS3 | 第四章：Javascript（part 1） | 第四章——Javascript（part 2） | 目录web前端开发基础第五章——JQuery前言 jquery介绍1、jquery加载2、jquery选择器3、jquery样式操作4、绑定click事件5、jquery加载6、jquery加载7、jquery加载8、jquery加载9、jquery加载10、jquery加载
前端学习记录 —— JQuery（二）
haoweixl的博客
01-12 276
前端学习记录 —— JQuery（二）前言 前言 本人编写博客，作为个人学习使用；本章 博客总结B站视频学习中资料以便后期复习、巩固。 B站视频： https://www.bilibili.com/video/BV1Sy4y1C7ha?p=385 在视频学习留言区，看到有类似我想总结的博客。为确保本人学习记录的完整性，故仅推荐相关博客链接，。。。（希望读者见谅） https://blog.youkuaiyun.com/Augenstern_QXL/article/details/119411810 本章主要总结 JQ
jQuery学习笔记——jQuery基础
颜颜yan_的博客
09-07 668
什么是jQuery？jQuery是一个快速、简洁的JavaScript库，其设计宗旨是“write less，do more”，倡导用更少的代码，做更多的事情。通过这段时间的学习，我感觉jQuery是一个“语法糖”，就像是包在糖果外面的包装，让js看起来更好看。以上就是今天的学习内容啦，分享给大家。
前端自学学习笔记——JS(jQuery)
cloki的博客
05-17 496
前端自学学习笔记——JS(jQuery) 第一章 jQuery简介 第二章 基本使用 2.1 入口函数 2.2 顶级对象 2.3 DOM对象和jQuery对象 第三章 jQuery选择器 3.1 jQuery基础选择器 3.2 jQuery层级选择器 3.3 隐式迭代 3.4 jQuery筛选选择器 3.5 jQuery筛选方法 3.6 链式编程 第四章 jQuery样式操作 4.1 操作css方法 4.2 操作类方法 第五章 jQuery效果 5.1 显示隐藏 5.2 滑动 5.3 淡入淡出 5.4 自定
简单易用的倒计时插件——jQuery.downCount.js.zip
09-21
**jQuery.downCount.js插件详解** 在Web开发中，倒计时功能经常被用于各种应用场景，比如活动开始、产品发布、考试倒计时等。...在实际开发中，可以结合其他jQuery插件和前端框架，构建更丰富的交互体验。
网页模板——jQuery实现企业开户资质表单验证图片上传特效.zip
11-23
总的来说，"网页模板——jQuery实现企业开户资质表单验证图片上传特效"这个项目涵盖了许多前端开发的核心技术，包括jQuery的使用、表单验证、文件上传、Ajax通信以及用户体验优化。这些知识点对于任何希望提升网站...
Web前端开发工具——bower依赖包管理工具
11-24
Web前端开发工具中的Bower是一款由Twitter开发的包管理器，专门用于管理和组织Web项目的前端资源。它基于Node.js的模块化理念，旨在简化前端组件的获取和管理，确保项目中不同模块之间的依赖关系得以正确处理。以下...
DevUI组件库实战：从入门到企业级应用的深度探索，如何快速应用各种组件
2401_86031952的博客
12-11 972
DevUI是华为开源的企业级Angular前端解决方案，提供丰富的UI组件和工程化工具。其表单布局示例展示了垂直表单的实现，包含用户名、密码等字段的实时验证、异步查重及密码一致性检查功能。通过响应式布局和国际化支持，DevUI简化了企业级应用开发，确保高可定制性和一致性设计。
商城后台管理系统 02 添加规格参数-动态表单
weixin_52943021的博客
12-15 200
Boolean。
第十篇：Day28-30 工程化优化与部署——从“能跑”到“好用”（对标职场“项目上线”需求）
2402_87628679的博客
12-11 983
gzip on;性能优化：掌握Vite的资源压缩、Tree Shaking、代码分割配置，能实现路由/组件懒加载、虚拟滚动等渲染优化，理解gzip/br压缩的原理和后端配置；兼容性处理：能通过`@vitejs/plugin-legacy`和autoprefixer适配低版本浏览器，理解`browserslist`的作用，知道Vue 3的兼容性限制；多环境配置：能创建多环境变量文件，在项目中使用`import.meta.env`访问环境变量，区分开发/测试/生产环境的配置；项目部署。
第十一篇：Day31-33 前端安全与性能监控——从“能用”到“安全可靠”（对标职场“系统稳定性”需求）
2402_87628679的博客
12-11 1266
对于小型项目或特定业务场景，可通过自定义埋点实现核心指标监控，无需接入复杂工具。// src/utils/monitor.js（自定义监控工具） import axios from 'axios';// 监控数据上报接口（后端提供） const MONITOR_UPLOAD_URL = '/api/monitor/upload';
商城后台管理系统 03 规格参数配置
最新发布
weixin_52943021的博客
12-15 140
【代码】商城后台管理系统 03 规格参数配置。
【Spring Boot】Spring Boot调用 WebService 接口的两种方式：动态调用 vs 静态调用 亲测有效
杰西笔记
12-11 1212
本文介绍了在Spring Boot项目中通过Apache CXF实现WebService动态调用和静态调用的完整方案。动态调用适合快速测试，通过URL直接调用方法；静态调用则通过WSDL生成Java类，提供类型安全的调用方式。文章详细说明了两种方法的实现步骤，包括依赖配置、WSDL文件处理、代码生成以及常见问题解决方案（如WSDL文件修正）。静态调用方案特别适合生产环境，能够处理复杂类型返回，并提供了完整的代码示例和操作指南。
简洁五星评价系统实现——jQuery特效表单代码
资源摘要信息:"jQuery售后五星评价表单代码.zip" 知识点一：jQuery基础概念 jQuery是一个快速、小巧、功能丰富的JavaScript库。...开发者在学习和使用这个资源时，可以加深对前端开发和文件处理的理解。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

何为xl

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值