当前位置：首页 > news >正文

HTML学习笔记（7）

news 来源：原创 2025/7/12 21:41:53

一、什么是jQuery

jQuery 是一个 JavaScript 库。他实现了JavaScript的一些功能，并封装起来，对外提供接口。

例子实现一个点击消失的功能，用JavaScript实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>window.onload = function(){var p_list = document.getElementsByTagName("p")for(var i = 0; i < p_list.length; i ++ ){p_list[i].onclick = function(){this.style.display = "none"}}}</script></head>
<body><p>点击消失1</p><p>点击消失2</p><p>点击消失3</p>
</body>
</html>

利用jQuery实现代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){    // 等价 window.onload$("p").click(function(){    // 对所有的p标签绑定点击事件$(this).hide();    // 隐藏});});</script>
</head>
<body><p>点击消失1</p><p>点击消失2</p><p>点击消失3</p>
</body>
</html>

二、jQuery的语法

基础语法： $(selector).action()

美元符号定义 jQuery
选择符（selector）"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作

例

$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏 id="test" 的元素

$(function(){// 开始写 jQuery 代码...});$(document).ready(function(){// 开始写 jQuery 代码...});

三、jQuery的事件

这里主要介绍javascript中没有的hover

hover()方法用于模拟光标悬停事件。

当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)。

传入两个参数，参考jQuery 事件 | 菜鸟教程

HTML学习笔记（7）

一、什么是jQuery jQuery 是一个 JavaScript 库。他实现了JavaScript的一些功能，并封装起来，对外提供接口。例子实现一个点击消失的功能，用JavaScript实现 <!DOCTYPE html> <html lang"en"> <head><meta …...

编程日记 2025/7/12 21:41:53

Jenkis安装、配置及账号权限分配保姆级教程

Jenkis安装、配置及账号权限分配保姆级教程安装Jenkins下载Jenkins启动Jenkins配置Jenkins入门Jenkins配置配置中文配置前端自动化任务流新建任务拉取代码打包上传云服务并运行配置后端自动化任务流新建任务拉取代码打包上传云服务并运行账号权限分配创建用户分配视图权限安装…...

编程日记 2025/6/29 5:25:25

面向对象编程（Object-Oriented Programming, OOP）是什么？

李升伟编译简介如果你已经接触过软件开发领域的话，你肯定听说过"面向对象编程"（Object-Oriented Programming, OOP）这个术语。但你知道什么是OOP吗？为什么它如此重要？在这篇文章中我们将深入解析OOP的基…...

编程日记 2025/7/12 21:35:52

Hotspot分析(1)：单细胞转录组识别信息基因（和基因模块）

这一期我们介绍一个常见的，高分文章引用很高的一个单细胞转录组分析工具Hotspot，它可针对单细胞转录组数据识别有意义基因或者基因module，类似于聚类模块。所谓的”informative "的基因是那些在给定度量中相邻的细胞之间以相似的方式表达…...

编程日记 2025/6/29 5:09:15

从图文到声纹：DeepSeek 多模态技术的深度解析与实战应用

目录一、引言二、DeepSeek 技术基础2.1 架构与原理2.2 多模态能力概述三、文本与图像关联应用3.1 图文跨模态对齐技术3.1.1 技术原理3.1.2 DeepSeek 的独特方法 3.2 图像生成与文本描述3.2.1 应用案例3.2.2 技术实现 3.3 多模态检索系统中的应用3.3.1 系统搭建流程3.3.2 实际…...

编程日记 2025/6/29 5:09:06

cuDNN 9.9.0 便捷安装-Windows

#工作记录从 CUDA12.6.3 和 cuDNN9.6.0 版本起，开启了使用 exe 安装包直接进行安装升级的支持模式，彻底改变了以往那种繁琐的安装流程。在这两个版本之前，开发者在安装 CUDA 和 cuDNN 时，不得不手动下载 cuDNN 压缩包&#xf…...

编程日记 2025/6/29 8:14:36

profile软件开发中的性能剖析与内存分析

在软件开发中，“Profile”（性能剖析/性能分析）指的是通过工具详细监控程序运行时的各种性能指标，帮助开发者定位代码中的效率瓶颈或资源问题。当有人建议你 “profile 一下内存问题” 时，本质上是让你用专业工具动态分…...

编程日记 2025/6/29 6:53:23

0.0973585？探究ts_rank的score为什么这么低

最近在使用postgres利用ts_rank进行排序找到最符合关键词要求得内容时发现: 即使是相似的内容，得分也是非常非常得低（其中一个case是0.0973585)。看起来很奇怪，非常不可行。于是我又做了一个简单测的测试： SELECT ts_rank(to_tsvector(english, skirt), to_tsquery(skirt)…...

编程日记 2025/7/11 22:05:28

架构思维：利用全量缓存架构构建毫秒级的读服务

文章目录一、引言二、全量缓存架构概述三、基于 Binlog 的缓存同步方案1. Binlog 原理2. 同步中间件3. 架构整合核心收益四、Binlog 全量缓存的优缺点与优化优点缺点与取舍优化策略五、其他进阶优化点六、总结一、引言架构思维：使用简洁的架构实现高性能读服务…...

编程日记 2025/6/29 6:37:20

永磁同步电机控制算法--基于PI的位置伺服控制

一、原理介绍永磁同步伺服系统是包含了电流环、速度环和位置环的三环控制系统。伺服系统通过电流检测电路和光电编码器检测电动机三相绕组电流和转子位置θ，通过坐标变换，计算出转矩电流分量iq和励磁电流分量id。位置信号指令与实际转子位置信号的差…...

编程日记 2025/7/12 21:28:36

P1603 斯诺登密码详解

这个题目，我详细讲题解的两种方法，洛谷里面的题解，我是觉得大部分的时候是差了点意思的，不是看不懂，就是新知识没人详细讲解，我也是经常破防先看题目： 题目是什么意思： 1&#xf…...

编程日记 2025/6/29 5:23:25

计算方法实验六数值积分

【实验性质】综合性实验。【实验目的】理解插值型积分法；掌握复化积分法算法。【实验内容】 1对 ，用复化梯形积分和变步长梯形积分求值（截断误差不超过）。【理论基础】积分在工程中有重要的应用，数值积分…...

编程日记 2025/7/2 18:13:48

avx指令实现FFT

avx指令实现FFT 参考代码实现的难点补充的avx指令fft_avx256实现可继续优化的点 C语言实现FFT变换参考的代码是参考大模型生成的代码，很明显其使用的是位反转和蝶形变换的方法实现的FFT变换。但是大模型无法正确的生成用avx指令写的FFT变换的算法，所以这…...

编程日记 2025/7/6 23:02:18

Nginx 核心功能之正反代理

目录一、Nginx 二、正向代理三、反向代理四、Nginx 缓存 1. 缓存功能的核心原理和缓存类型 2. 代理缓存功能设置五、Nginx rewrite和正则 （1）Nginx 正则 （2）nginx location （3）Rewrite &…...

编程日记 2025/7/7 11:33:37

function包装器的意义

一：function包装器的概念 function包装器也叫作适配器。C中的function本质是一个类模板，也是一个包装器。二：需要function包装器的场景那么我们来看看，我们为什么需要function呢？ 一个需要包装器的场景&#xff1a…...

编程日记 2025/6/29 7:19:32

【ThinkBook 16+ 电脑重做系统type-c接口部分功能失效解决方案】

ThinkBook 16 电脑重做系统type-c接口部分功能失效解决方案问题回顾：重做电脑后，type-c接口部分功能失效，充电正常，连接外置硬盘正常，无法连接外拓显示器，显示usbc无信号（不同设备可能显示不同…...

编程日记 2025/6/29 5:09:14

【言语理解】中心理解题目之选项分析

front:中心理解题目之结构分析 4.1两出处六有误两出处背景、例子、分析论证中提炼的选项出处有误，一般不选但是和因此之前、不是而是的不是部分、被指代部分提炼的选项出处有误，一般不选。六有误片面：原文并列谈论两方面，只…...

编程日记 2025/7/12 18:19:04

[原创](现代Delphi 12指南):[macOS 64bit App开发]: [1]如何加载动态链接库, 并无缝支持原生底层开发?

[作者] 常用网名: 猪头三出生日期: 1981.XX.XX 企鹅交流: 643439947 个人网站: 80x86汇编小站编程生涯: 2001年~至今[共24年] 职业生涯: 22年开发语言: C/C++、80x86ASM、Object Pascal、Objective-C、C#、R、Python、PHP、Perl、开发工具: Visual Studio、Delphi、XCode、…...

编程日记 2025/6/29 8:21:49

VTK入门指南

什么是VTK VTK (Visualization Toolkit) 是一个开源的、跨平台的计算机图形学、图像处理和可视化系统。它提供了丰富的算法和高级工具，用于3D计算机图形学、图像处理和可视化。安装VTK Windows平台下载预编译版本： 从VTK官网或GitHub发布页面下载 …...

编程日记 2025/6/29 5:40:10

开始一个vue项目-day2

这次新增的功能有： 1、使用cookie存储token 参考网站:https://vueuse.org/ 安装包： npm i vueuse/integrations npm i universal-cookie^7 2、cookie的设置读取和删除，代码：composables/auth.js import { useCookies } from …...

编程日记 2025/6/29 7:50:20

Baklib驱动企业知识管理AI升级

Baklib如何实现知识AI化 Baklib通过构建企业级知识中台的核心能力，将人工智能技术深度融入知识管理的全生命周期。其底层架构采用自然语言处理（NLP）与机器学习算法，实现对企业文档的智能分类与语义解析。例如，系统可自…...

编程日记 2025/7/4 17:17:03

Linux线程同步机制深度解析：信号量、互斥锁、条件变量与读写锁

Linux线程同步机制深度解析：信号量、互斥锁、条件变量与读写锁一、线程同步基础在多线程编程中，多个线程共享进程资源（如全局变量、文件描述符）时，若对共享资源的访问不加控制，会导致数据不一致或竞态条…...

编程日记 2025/6/29 7:36:46

js逆向绕过指纹识别

一、兼容性说明官方支持 curl_cffi 明确支持 Windows 平台，并提供了预编译的安装包。其核心功能（如浏览器指纹模拟、HTTP/2 支持）在 Windows 上与 Linux/macOS 表现一致。版本要求 • Python 3.8 及以上版本（推荐 Pyth…...

编程日记 2025/6/29 7:38:52

笔记整理六----OSPF协议

OSPF 动态路由的分类： 1.基于网络范围进行划分--将网络本身划分为一个个AS（自治系统---方便管理和维护） 内部网关协议---负责AS内部用户之间互相访问使用的协议 IGP--RIP EIGRP ISIS OSPF 外部网关协议--负责AS之间（整个互联网&…...

编程日记 2025/6/29 5:11:47

USB Type-C是不是全方位优于其他USB接口？

首先，USB TypeC接口内部引脚呈中心对称分布，正插、反插都能用，所以可以肓插，使用起来非常方便顺手。其次，USB TypeC接口体积很小，特别是很薄，几乎适用于所有设备。而USB TypeA就是因为不方便应…...

编程日记 2025/7/12 21:39:02

信息系统监理师第二版教材模拟题第一组（含解析）

信息系统监理基础信息系统监理的核心目标是（） A. 降低项目成本 B. 确保项目按合同要求完成 C. 提高开发人员技术水平 D. 缩短项目周期答案：B 解析：信息系统监理的核心目标是确保信息系统工程项目按照合同要求、技术标准和规范完成，保障项目质量、进度和投资控制。下列哪…...

编程日记 2025/6/29 5:10:59

NPP库中libnppist模块介绍

1. libnppist 模块简介 libnppist 是 NPP 库中专注于图像统计分析与直方图计算的模块，提供 GPU 加速的统计操作，适用于计算机视觉和图像处理中的特征提取与分析。核心功能包括： 直方图计算（支持单通道/多通道） 统…...

编程日记 2025/6/29 5:09:13

k230摄像头初始化配置函数解析

通过 csi id 和图像传感器类型构建 Sensor 对象。在图像处理应用中，用户通常需要首先创建一个 Sensor 对象。CanMV K230 软件可以自动检测内置的图像传感器，无需用户手动指定具体型号，只需设置传感器的最大输出分辨率和帧率。有关支持的图像…...

编程日记 2025/7/11 18:52:25

Spring的循环依赖问题

文章目录一、什么是循环依赖？二、Spring 是如何解决循环依赖的？1.三级缓存2.解决循环依赖的流程三、三级缓存机制可以解决所有的循环依赖问题吗？1. 为什么三级缓存在这里无效？2. 如何解决构造器循环依赖？ 四、循环依…...

编程日记 2025/7/12 12:24:19

华为鸿蒙PC：开启国产操作系统自主化新纪元

——全栈自研、生态重构与未来挑战 2025年5月，一个值得中国科技界铭记的时间点。华为正式推出首款搭载鸿蒙操作系统（HarmonyOS）的PC产品。乍一听这像是又一款新电脑的发布，但它背后的意义远比表面更深远——这是中国首次推出从操…...

编程日记 2025/6/29 7:49:50

【LeetCode Hot100】动态规划篇

前言本文用于整理LeetCode Hot100中题目解答，因题目比较简单且更多是为了面试快速写出正确思路，只做简单题意解读和一句话题解方便记忆。但代码会全部给出，方便大家整理代码思路。 70. 爬楼梯一句话题意每次爬1or2，问爬到n的路…...

编程日记 2025/6/29 6:30:24

【Java JUnit单元测试框架-60】深入理解JUnit：Java单元测试的艺术与实践

在当今快节奏的软件开发环境中，保证代码质量的同时又要快速交付成为了开发者面临的主要挑战。单元测试作为软件测试金字塔的基石，为我们提供了一种高效的解决方案。而在Java生态系统中，JUnit无疑是单元测试框架的代名词。本文将全面探讨JUnit…...

编程日记 2025/6/29 5:54:36

Java运算符学习笔记

运算符 -运算符介绍运算符是一种特殊的符号，用以表示数据的运算、赋值和比较等。算数运算符赋值运算符关系运算符[比较运算符]逻辑运算符位运算符[需要二进制基础]三元运算符 -算数运算符介绍算数运算符是对数值类型的变量进行运算的，在Java程…...

编程日记 2025/7/10 9:35:21

shell编程补充内容（Linux课程实验3）

一、求前五个偶数的和 1.这里先介绍要用到的expr 1. 整数计算 # 加法（注意运算符两侧空格） $ expr 10 20 30# 带括号的运算（需要转义） $ expr $ 10 20 $ \* 2 60# 取模运算 $ expr 15 % 4 注意：仅支持整数&…...

编程日记 2025/6/29 7:27:50

iview table组件自定义表头

在实际项目开发中，我们经常会用到各种各样的表格，比如在表格表头中填加按钮，下拉菜单，图标等等，在网上搜了一段时间发现比较少，所以写好之后就想着分享出来给有需要的人参考参考，例如下面这种表…...

编程日记 2025/6/29 5:09:09

二叉搜索树实现删除功能 Java

在开始编写删除功能之前，先要编写好searchParent()(寻找父节点)和min()(查找树中最小值)两个函数，后期会在删除功能中使用到。 searchParent()的编写 /*** * param value* return Node*/public Node searchParent(int value){if(rootnull) return null;…...

编程日记 2025/6/29 5:09:26

Android Framework学习三：zygote剖析

文章目录 Zygote工作内容起始点初始化步骤启动 ZygoteInitZygoteInit.main () 函数内部操作 Zygote如何启动SystemServer参与的类和文件流程步骤进程创建完成后的处理 Framework学习之系列文章在 Android 系统中，Zygote 是一个非常关键的进程，有 “App …...

编程日记 2025/6/29 5:09:10

LLM-Based Agent及其框架学习的学习(三)

文章目录摘要Abstract1. 引言2. 推理与规划2.1 推理2.2 规划2.2.1 计划指定2.2.2 计划反思 3. 迁移与泛化3.1 未知任务的泛化3.2 情景学习3.3 持续学习 4. 学习Crewai和LangGraph4.1 Crewai4.2 LangGraph 参考总结摘要本文系统阐述了基于大语言模型的智能体在认知架构中的核…...

编程日记 2025/6/29 5:12:25

修复笔记：获取 torch._dynamo 的详细日志信息

一、问题描述在运行项目时，遇到与 torch._dynamo 相关的报错，并且希望获取更详细的日志信息以便于进一步诊断问题。二、相关环境变量设置通过设置环境变量，可以获得更详细的日志信息： set TORCH_LOGSdynamo set TORCHDYNAM…...

编程日记 2025/6/29 7:16:14

阿里云服务器全栈技术指导手册（2025版）

阿里云服务器全栈技术指导手册（2025版） 一、基础配置与核心架构设计 1. 精准实例选型策略 • 通用计算场景：选择ECS通用型（如ecs.g7）实例，搭载第三代Intel Xeon处理器，适合Web应用、中小型数…...

编程日记 2025/6/29 6:59:01

llfc项目笔记客户端TCP

编程日记 2025/6/29 6:37:17

基于python的task--时间片轮询

目录前言 utf-8 chinese GB2312 utf-8 排除task.c chinese GB2312 排除task.c 运行结果前言建议是把能正常工作的单个功能函数放到一起（就和放while函数里的程序一样），程序会按顺序自动配置。不同的格式已经对应给出。 utf-8 impo…...

编程日记 2025/6/29 5:22:19

《前端秘籍：SCSS阴影效果全兼容指南》

在前端开发的旅程中，为网页元素添上阴影效果，就像为一幅画作点缀光影，能让页面瞬间生动起来，赋予元素层次感与立体感。可当我们满心欢喜地在SCSS中写下阴影代码，满心期待着在各种浏览器中都呈现出完美效果时&#xff0…...

编程日记 2025/6/29 5:19:35

强化学习机器人模拟器——RobotApp：一个交互式强化学习模拟器

RobotApp 是一个基于 Python 和 Tkinter 的交互式强化学习（Reinforcement Learning, RL）模拟器，集成了 GridWorld 环境和 QAgent 智能体，支持 Q-learning、SARSA 和 SARSA(λ) 算法。本博客将详细解析 robot_app.py 的功能、架构和使用方法，展示其如何通过直观的 GUI 界面…...

编程日记 2025/6/29 8:01:30

2025-04-26-利用奇异值重构矩阵-美团

2025-04-26-利用奇异值重构矩阵-美团题目内容在一家致力于图像处理的科技公司，你被分配到一个新项目，目标是开发一种图像压缩算法，以减少存储空间并加速传输。团队决定使用奇异值分解（ S V D SVD SVD）对图像进行降…...

编程日记 2025/6/29 5:19:58

《解锁SCSS算术运算：构建灵动样式的奥秘》

SCSS作为CSS预处理器，算术运算功能犹如一颗璀璨明珠，赋予我们动态计算样式属性值的强大能力，让网页样式不再是一成不变的刻板呈现，而是能够根据各种条件和需求灵动变化。在SCSS的世界里，算术运算绝非孤立的存在&…...

编程日记 2025/6/29 5:10:07

STM32Cube-FreeRTOS任务管理工具函数-笔记

STM32Cube-FreeRTOS任务管理工具函数-笔记一、获取任务句柄的函数1. 创建任务并获取句柄2. 获取当前任务句柄3. 获取空闲任务句柄4. 根据任务名称获取句柄二、单个任务操作相关函数1. 程序在运行时可以获取或改变一个任务的优先级3. 获取任务信息4. 获取任务信息5. 获取任务名…...

编程日记 2025/7/4 10:07:32

【第三十四周】多模态大模型调研

多模态大模型调研摘要Abstract引言多模态技术的主要方向视觉-语言大模型（Vision-Language Large Models, VLLMs）语音-语言大模型（Speech-Language Large Models, SLLMs）音乐 - 语言大模型（Music-Language Large Model…...

编程日记 2025/7/7 3:46:44

【2025最新】Baichuan-M1-instruct部署教程

首先机器至少要A100、4090、3090 这里选AutoDL的4090D，运行至少要20G显存。这里镜像选基础镜像11.8【更新！！！！！！！！！24G带不动！显存不够】有时候…...

编程日记 2025/7/10 18:02:19

Unity与Unreal Engine（UE）的深度解析及高级用法

以下是Unity与Unreal Engine（UE）的深度解析及高级用法对比，结合技术特性、行业应用与未来发展进行综合阐述：一、核心差异与适用场景对比 1. 技术架构与编程模式 Unity 语言与脚本：主要使用C#，语法简洁且易于学习，适合快速原型开发和中小型项目。支持可视化脚本工具（如…...

编程日记 2025/6/29 7:26:45

一、什么是jQuery

二、jQuery的语法

三、jQuery的事件

相关文章：