第十五个知识：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", …...
vscode（仍待补充）
写于2025 6.9 主包将加入vscode这个更权威的圈子 vscode的基本使用 侧边栏 vscode还能连接ssh？ debug时使用的launch文件 1.task.json {"tasks": [{"type": "cppbuild","label": "C/C: gcc.exe 生成活动文件"…...
376. Wiggle Subsequence
376. Wiggle Subsequence 代码 class Solution { public:int wiggleMaxLength(vector<int>& nums) {int n nums.size();int res 1;int prediff 0;int curdiff 0;for(int i 0;i < n-1;i){curdiff nums[i1] - nums[i];if( (prediff > 0 && curdif…...
使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台
🎯 使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台 📌 项目背景 随着大语言模型（LLM）的广泛应用，开发者常面临多个挑战： 各大模型（OpenAI、Claude、Gemini、Ollama）接口风格不统一；缺乏一个统一平台进行模型调用与测试；本地模型 Ollama 的集成与前…...
Device Mapper 机制
Device Mapper 机制详解 Device Mapper（简称 DM）是 Linux 内核中的一套通用块设备映射框架，为 LVM、加密磁盘、RAID 等提供底层支持。本文将详细介绍 Device Mapper 的原理、实现、内核配置、常用工具、操作测试流程，并配以详细的…...
python报错No module named ‘tensorflow.keras‘
是由于不同版本的tensorflow下的keras所在的路径不同，结合所安装的tensorflow的目录结构修改from语句即可。 原语句： from tensorflow.keras.layers import Conv1D, MaxPooling1D, LSTM, Dense 修改后： from tensorflow.python.keras.lay…...
Python基于历史模拟方法实现投资组合风险管理的VaR与ES模型项目实战
说明：这是一个机器学习实战项目（附带数据代码文档），如需数据代码文档可以直接到文章最后关注获取。 1.项目背景 在金融市场日益复杂和波动加剧的背景下，风险管理成为金融机构和个人投资者关注的核心议题之一。VaR&…...
AirSim/Cosys-AirSim 游戏开发（四）外部固定位置监控相机
这个博客介绍了如何通过 settings.json 文件添加一个无人机外的 固定位置监控相机，因为在使用过程中发现 Airsim 对外部监控相机的描述模糊，而 Cosys-Airsim 在官方文档中没有提供外部监控相机设置，最后在源码示例中找到了，所以感…...
CRMEB 中 PHP 短信扩展开发：涵盖一号通、阿里云、腾讯云、创蓝
目前已有一号通短信、阿里云短信、腾讯云短信扩展 扩展入口文件 文件目录 crmeb\services\sms\Sms.php 默认驱动类型为：一号通 namespace crmeb\services\sms;use crmeb\basic\BaseManager; use crmeb\services\AccessTokenServeService; use crmeb\services\sms\…...
Go语言多线程问题
打印零与奇偶数（leetcode 1116） 方法1：使用互斥锁和条件变量 package mainimport ("fmt""sync" )type ZeroEvenOdd struct {n intzeroMutex sync.MutexevenMutex sync.MutexoddMutex sync.Mutexcurrent int…...
嵌入式常见 CPU 架构
架构类型架构厂商芯片厂商典型芯片特点与应用场景PICRISC (8/16 位)MicrochipMicrochipPIC16F877A、PIC18F4550简化指令集，单周期执行；低功耗、CIP 独立外设；用于家电、小电机控制、安防面板等嵌入式场景8051CISC (8 位)Intel（原始…...