第十五个知识：JQuery
初识JQuery:
<head><meta charset="UTF-8"><title>Title</title><script src="lib/jquery-3.7.1.js"></script>//引入jquery
</head>
<body><a href="https://www.baidu.com" id="baidu">点我</a><script>$('#baidu').click(function (){alert('你用jquery写了一行代码');})</script>
</body>我们通过一个公式：$(selector).action() 来使用JQuery，selector表示选择器---id、class、标签名都是选择器,就像document.getElementById……一样
JQuery里的选择器：
-
与之前的document.getElementById相同，却更加简洁
$('#id').click(function (...))//id选择器
$('.class').click(function (...))//类选择器
$('p').click(function (...))//标签选择器
···JQuery里的事件：所谓事件其实就是函数
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="lib/jquery-3.7.1.js"></script><style>#b{height: 500px;width: 500px;border: 3px solid black;}</style>
</head>
<body>mouse_position:<span id="a"></span><div id="b"></div>
<script>$(function () {$('#b').mousemove(function (e) {//用id来获取span节点，对标签内容进行操作，mousemove是jQuery库里的方法$('#a').text('x:'+ e.pageX +'y:'+e.pageY);//用id来获取div节点，text也是jquery库里的方法})})
</script>
</body>
</html>用JQuery操控dom元素：
-
操作dom其实就是找到节点位置，然后对节点进行改变
$('#p1').text();//获取id为p1的标签的内容
$('#p1').text('天玄地号');//改变id为p1的标签的内容对于列表：
$('#test-ul li[name=x]').text();//获取列表中li元素节点内容
$('#test-ul li[name=x]').css({"background","red"});//改变li下name为x的节点的背景颜色之后还有很多东东，大家可以多去菜鸟教程或者Jquery官网学习，在这里我就不多赘述了，毕竟实在是太多了（汗流浃背了）
最后，学海无涯苦作舟，奥里给，你可以的，少年！
相关文章：
第十五个知识：JQuery
初识JQuery: <head><meta charset"UTF-8"><title>Title</title><script src"lib/jquery-3.7.1.js"></script>//引入jquery </head> <body><a href"https://www.baidu.com" id"baidu&q…...
用Matlab 2015a svmtrain函数训练的SVM model在2021b无法使用的解决方法
背景 与r2015a版本的Matlab相比，r2021b版本中包含更多集成好的算法模块（尤其是深度学习的模块），想把原来r2015a版本的代码升级到r2021b高版本的Matlab已经采用fitcsvm函数和predict函数替代了旧版本中svmtrain函数和svmclassify函…...
umount:/home/tuners/windows files:目标忙。
您提到的错误信息 "umount: /home/tuners/windows files: 目标忙。" 是在尝试卸载（umount）一个文件系统时常见的错误。这个错误表明有一些进程仍然在使用挂载点（/home/tuners/windows files）下的文件或目录，…...
FPGA_vga显示
一 VGA 1.1 VGA VGA是视频图像阵列，是一种使用模拟信号进行视频传输的标准协议。 1.2 VGA接引脚定义 VGA分公母两种，RGB显示标准。 1.3 VGA显示器 VGA显示器采用图像扫描的方式进行图像显示，将构成图像的像素点，在行同步信号…...
sklearn模型指标和特征贡献度查看
文章目录 算法介绍r2_scoretrain_test_splitDecisionTreeRegressor参考文献支持快速查看traget和特征之间的关系 # -*- coding: utf-8 -*- import pandas as pd pd.set_option(display.max_columns, None) pd.set_option...
2024.2.6日总结（小程序开发3）
页面配置 页面配置和全局配置的关系： 小程序中，app.json中的window节点，可以全局配置小程序中每个页面的窗口表现 如果某些小程序想要有特殊的窗口表现，可以用页面级别的.json配置文件实现这个需求 页面配置和全局配置冲突时&…...
相机图像质量研究(10)常见问题总结：光学结构对成像的影响--光圈
系列文章目录 相机图像质量研究(1)Camera成像流程介绍 相机图像质量研究(2)ISP专用平台调优介绍 相机图像质量研究(3)图像质量测试介绍 相机图像质量研究(4)常见问题总结：光学结构对成像的影响--焦距 相机图像质量研究(5)常见问题总结：光学结构对成…...
(3)——3.HTTP基于TCP还是UDP?)
TCP和UDP相关问题(重点)(3)——3.HTTP基于TCP还是UDP?
HTTP/3.0 之前是基于 TCP 协议的，而 HTTP/3.0 将弃用 TCP，改用 基于 UDP 的 QUIC 协议 。具体见HTTP相关问题-CSDN博客...
基于modbus rtu协议操作PLC的EPICS示例
硬件设备 本实验中使用到的设备如下： 1、S7-200 Smart SR20 PLC 作为受控设备，执行机构。 S7-200 Smart是西门子的一款小型PLC产品（以下简称Smart系列）。 Smart系列PLC是西门子公司经过大量调研，为中国小型自动化…...
网站被攻击有什么办法呢？
最近，德迅云安全遇到不少网站用户遇到攻击问题，来咨询安全解决方案。目前在所有的网络攻击方式中，DDoS是最常见，也是最高频的攻击方式之一。不少用户网站上线后，经常会遭受到攻击的困扰。有些攻击持续时间比较短影响较…...
VoIP之主备注册服务器机制
在IP话机的实际使用中，不可避免的会出现服务器离线运维、服务宕机、IP话机和服务器连接中断等情况。为了保证电话服务的连续性，在VoIP部署服环境中必须有冗余机制。常见的冗余机制以主备服务器的形式实现。 一、主备机制原理 话机正常情况下注册在主服…...
【数据分享】1929-2023年全球站点的逐年平均降水量（Shp\Excel\免费获取）
气象数据是在各项研究中都经常使用的数据，气象指标包括气温、风速、降水、湿度等指标，说到常用的降水数据，最详细的降水数据是具体到气象监测站点的降水数据！ 有关气象指标的监测站点数据，之前我们分享过1929-2023年全…...
uniapp /微信小程序 使用map组件实现手绘地图方案
获取地图范围 点图拾取坐标-地图开放平台|腾讯位置服务 获取需要手绘地图左下角和右上角GPS坐标 以北京故宫为例： 截取需要手绘地图进行手绘地图制作 素材处理 由于地图素材文件比较大，小程序又限制包大小<2M,无…...
react+antd+CheckableTag实现Tag标签单选或多选功能
1、效果如下图 实现tag标签单选或多选功能 2、环境准备 1、react18 2、antd 4 3、功能实现 原理: 封装一个受控组件，接受父组件的参数，数据发现变化后，回传给父组件 1、首先，引入CheckableTag组件和useEffect, useMemo, use…...
UUID和雪花(Snowflake)算法该如何选择？
UUID和雪花(Snowflake)算法该如何选择？ UUID 和 Snowflake 都可以生成唯一标识，在分布式系统中可以说是必备利器，那么我们该如何对不同的场景进行不同算法的选择呢，UUID 简单无序十分适合生成 requestID， Snowflake 里…...
Jetpack Compose之进度条介绍(ProgressIndicator)
JetPack Compose系列（12）—进度条介绍 Compose自带进度条控件有两个，分别是：CircularProgressIndicator（圆形进度条）和LinearProgressIndicator（线性进度条）。 CircularProgressIn…...
【Qt基本功修炼】Qt线程的两种运行模式
1. 前言 QThread是Qt中的线程类，用于实现多线程运行。 QThread有两种工作模式，即 消息循环模式无消息循环模式 两种模式分别适用于不同的场景。下面我们将从多个方面，讲解QThread两种工作模式的区别。 2. 消息循环模式 2.1 实现原理 Q…...
三、设计模式相关理论总结
一、面向对象编程 1.1 概述 简称Object Oriented Program(OOP)，指以类或对象作为基础组织单元，遵循封装、继承、多态以及抽象等特性，进行编程。其中面向对象不一定遵循封装、继承、封装和多态等特性，只是前人总结的套路规范&…...
鸿蒙 WiFi 连接 流程
那当界面上显示扫描到的所有Ap时，我们选择其中的一个Ap发起连接，看下代码流程是怎样的。 // applications/standard/settings/product/phone/src/main/ets/model/wifiImpl/WifiModel.tsconnectWiFi(password: string) {let apInfo this.userSelectedAp…...
golang 创建unix socket http服务端
服务端 package mainimport ("fmt""net""net/http""os" )func main() {http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {w.Write([]byte("hello"))})http.HandleFunc("/world", …...
[图文版])
Nacos如何开启ssl(https)[图文版]
首先,你得有个域名,只有域名才能有ssl 在你的腾讯云或者阿里云控制台把域名解析到nacos所在的ip上面 等待几分钟,打开cmd, ping 刚才的域名,如果返回的是nacos的ip那说明解析成功了 例如你的域名是 ttvv.com 那就 ping ttvv.com 准备证书文件 你的证书通常是 .pem 和 .key …...
专业硬件监控解决方案：LibreHardwareMonitor完全指南
专业硬件监控解决方案：LibreHardwareMonitor完全指南 【免费下载链接】LibreHardwareMonitor Libre Hardware Monitor, home of the fork of Open Hardware Monitor 项目地址: https://gitcode.com/GitHub_Trending/li/LibreHardwareMonitor 在当今数字化时代…...
星图平台双镜像方案：OpenClaw与百川2-13B的隔离部署技巧
星图平台双镜像方案：OpenClaw与百川2-13B的隔离部署技巧 1. 为什么需要双镜像隔离部署 去年我在尝试将OpenClaw接入本地大模型时，踩过一个典型的坑：当模型需要更新或维护时，整个自动化流程就会中断。最严重的一次，模…...
侧信道安全（Side-Channel Security）
第一章 背景 1.1 什么是侧信道攻击？ 核心定义：侧信道攻击（Side-Channel Attack, SCA）是一种不直接攻击密码算法的数学结构，而是通过观察系统在执行密码运算时泄露的物理信息（时间、功耗、电磁辐射、声音等…...
云原生应用开发实践：从开发到部署
云原生应用开发实践：从开发到部署 前言 哥们，别整那些花里胡哨的理论。今天直接上硬菜——我在大厂一线开发云原生应用的真实经验总结。作为一个白天写前端、晚上打鼓的硬核工程师，我对云原生开发的追求就像对鼓点节奏的把控一样严格。 背景 …...
bb_hx1230 LCD驱动：超低资源MCU的9位位操作实现
1. bb_hx1230库概述：面向超低资源MCU的HX1230 LCD驱动精要bb_hx1230是BitBank Software于2018年4月30日启动的嵌入式显示驱动项目，专为资源极度受限的微控制器（如ATtiny系列）设计。其核心工程目标极为明确：在保证功能完…...
OpenCore Legacy Patcher：老旧Mac硬件适配与系统兼容完整指南
OpenCore Legacy Patcher：老旧Mac硬件适配与系统兼容完整指南 【免费下载链接】OpenCore-Legacy-Patcher 体验与之前一样的macOS 项目地址: https://gitcode.com/GitHub_Trending/op/OpenCore-Legacy-Patcher 你是否还在为2012年之前的Mac无法升级到最新macO…...
Gitee崛起：国产项目管理平台如何改写中国企业协作规则书
当GitHub因网络波动导致中国开发者集体"失联"，当Jira的英文界面让非技术团队成员望而却步，一个不容忽视的事实正在显现：中国企业需要真正懂本土需求的项目管理解决方案。在这个被国际巨头长期主导的领域，Gitee正以一系列…...
PowerShell自动化批量修改注册表路径：解决用户文件夹重命名后的遗留问题
1. 为什么需要批量修改注册表路径 最近帮同事处理了一个典型的Windows系统问题：他的用户文件夹最初使用了中文命名，导致各种开发工具和环境频繁报错。这个问题其实很常见，特别是当我们需要重命名用户文件夹时，虽然修改了系统路径&…...
如何快速配置Zotero-GPT：三步打造你的智能文献助手
如何快速配置Zotero-GPT：三步打造你的智能文献助手 【免费下载链接】zotero-gpt GPT Meet Zotero. 项目地址: https://gitcode.com/gh_mirrors/zo/zotero-gpt 你是否厌倦了在浩如烟海的文献中手动整理摘要、翻译内容、添加标签？Zotero-GPT正是为你…...