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

第十五个知识：JQuery

news 2026/2/8 21:41:10

初识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…...

编程日记 2024/2/8 15:45:46

用Matlab 2015a svmtrain函数训练的SVM model在2021b无法使用的解决方法

背景与r2015a版本的Matlab相比，r2021b版本中包含更多集成好的算法模块（尤其是深度学习的模块），想把原来r2015a版本的代码升级到r2021b高版本的Matlab已经采用fitcsvm函数和predict函数替代了旧版本中svmtrain函数和svmclassify函…...

编程日记 2024/2/8 15:43:44

umount:/home/tuners/windows files:目标忙。

您提到的错误信息 "umount: /home/tuners/windows files: 目标忙。" 是在尝试卸载（umount）一个文件系统时常见的错误。这个错误表明有一些进程仍然在使用挂载点（/home/tuners/windows files）下的文件或目录，…...

编程日记 2024/2/8 15:42:42

FPGA_vga显示

一 VGA 1.1 VGA VGA是视频图像阵列，是一种使用模拟信号进行视频传输的标准协议。 1.2 VGA接引脚定义 VGA分公母两种，RGB显示标准。 1.3 VGA显示器 VGA显示器采用图像扫描的方式进行图像显示，将构成图像的像素点，在行同步信号…...

编程日记 2024/2/8 15:36:37

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/8 15:31:33

2024.2.6日总结（小程序开发3）

页面配置页面配置和全局配置的关系： 小程序中，app.json中的window节点，可以全局配置小程序中每个页面的窗口表现如果某些小程序想要有特殊的窗口表现，可以用页面级别的.json配置文件实现这个需求页面配置和全局配置冲突时&…...

编程日记 2024/2/8 15:30:32

相机图像质量研究(10)常见问题总结：光学结构对成像的影响--光圈

系列文章目录相机图像质量研究(1)Camera成像流程介绍相机图像质量研究(2)ISP专用平台调优介绍相机图像质量研究(3)图像质量测试介绍相机图像质量研究(4)常见问题总结：光学结构对成像的影响--焦距相机图像质量研究(5)常见问题总结：光学结构对成…...

编程日记 2024/2/8 15:29:31

TCP和UDP相关问题(重点)(3)——3.HTTP基于TCP还是UDP?

HTTP/3.0 之前是基于 TCP 协议的，而 HTTP/3.0 将弃用 TCP，改用基于 UDP 的 QUIC 协议。具体见HTTP相关问题-CSDN博客...

编程日记 2024/2/8 15:28:07

基于modbus rtu协议操作PLC的EPICS示例

硬件设备本实验中使用到的设备如下： 1、S7-200 Smart SR20 PLC 作为受控设备，执行机构。 S7-200 Smart是西门子的一款小型PLC产品（以下简称Smart系列）。 Smart系列PLC是西门子公司经过大量调研，为中国小型自动化…...

编程日记 2024/2/8 15:27:06

网站被攻击有什么办法呢？

最近，德迅云安全遇到不少网站用户遇到攻击问题，来咨询安全解决方案。目前在所有的网络攻击方式中，DDoS是最常见，也是最高频的攻击方式之一。不少用户网站上线后，经常会遭受到攻击的困扰。有些攻击持续时间比较短影响较…...

编程日记 2024/2/8 15:25:02

VoIP之主备注册服务器机制

在IP话机的实际使用中，不可避免的会出现服务器离线运维、服务宕机、IP话机和服务器连接中断等情况。为了保证电话服务的连续性，在VoIP部署服环境中必须有冗余机制。常见的冗余机制以主备服务器的形式实现。一、主备机制原理话机正常情况下注册在主服…...

编程日记 2024/2/8 15:24:01

【数据分享】1929-2023年全球站点的逐年平均降水量（Shp\Excel\免费获取）

气象数据是在各项研究中都经常使用的数据，气象指标包括气温、风速、降水、湿度等指标，说到常用的降水数据，最详细的降水数据是具体到气象监测站点的降水数据！ 有关气象指标的监测站点数据，之前我们分享过1929-2023年全…...

编程日记 2024/2/8 15:20:58

uniapp /微信小程序使用map组件实现手绘地图方案

获取地图范围点图拾取坐标-地图开放平台|腾讯位置服务获取需要手绘地图左下角和右上角GPS坐标以北京故宫为例： 截取需要手绘地图进行手绘地图制作素材处理由于地图素材文件比较大，小程序又限制包大小<2M,无…...

编程日记 2024/2/8 15:15:54

react+antd+CheckableTag实现Tag标签单选或多选功能

1、效果如下图实现tag标签单选或多选功能 2、环境准备 1、react18 2、antd 4 3、功能实现原理: 封装一个受控组件，接受父组件的参数，数据发现变化后，回传给父组件 1、首先，引入CheckableTag组件和useEffect, useMemo, use…...

编程日记 2024/2/8 15:14:53

UUID和雪花(Snowflake)算法该如何选择？

UUID和雪花(Snowflake)算法该如何选择？ UUID 和 Snowflake 都可以生成唯一标识，在分布式系统中可以说是必备利器，那么我们该如何对不同的场景进行不同算法的选择呢，UUID 简单无序十分适合生成 requestID， Snowflake 里…...

编程日记 2024/2/8 15:11:51

Jetpack Compose之进度条介绍(ProgressIndicator)

JetPack Compose系列（12）—进度条介绍 Compose自带进度条控件有两个，分别是：CircularProgressIndicator（圆形进度条）和LinearProgressIndicator（线性进度条）。 CircularProgressIn…...

编程日记 2024/2/8 15:07:47

【Qt基本功修炼】Qt线程的两种运行模式

1. 前言 QThread是Qt中的线程类，用于实现多线程运行。 QThread有两种工作模式，即消息循环模式无消息循环模式两种模式分别适用于不同的场景。下面我们将从多个方面，讲解QThread两种工作模式的区别。 2. 消息循环模式 2.1 实现原理 Q…...

编程日记 2024/2/8 15:06:46

三、设计模式相关理论总结

一、面向对象编程 1.1 概述简称Object Oriented Program(OOP)，指以类或对象作为基础组织单元，遵循封装、继承、多态以及抽象等特性，进行编程。其中面向对象不一定遵循封装、继承、封装和多态等特性，只是前人总结的套路规范&…...

编程日记 2024/2/8 15:04:44

鸿蒙 WiFi 连接流程

那当界面上显示扫描到的所有Ap时，我们选择其中的一个Ap发起连接，看下代码流程是怎样的。 // applications/standard/settings/product/phone/src/main/ets/model/wifiImpl/WifiModel.tsconnectWiFi(password: string) {let apInfo this.userSelectedAp…...

编程日记 2024/2/8 15:01:40

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", …...

编程日记 2024/2/8 15:00:39

[2025CVPR]DeepVideo-R1：基于难度感知回归GRPO的视频强化微调框架详解

突破视频大语言模型推理瓶颈，在多个视频基准上实现SOTA性能一、核心问题与创新亮点 1.1 GRPO在视频任务中的两大挑战安全措施依赖问题 GRPO使用min和clip函数限制策略更新幅度，导致：梯度抑制：当新旧策略差异过大时梯度消失收敛困难：策略无法充分优化# 传统GRPO的梯…...

编程新知 2025/8/19 23:46:57

《用户共鸣指数（E）驱动品牌大模型种草：如何抢占大模型搜索结果情感高地》

在注意力分散、内容高度同质化的时代，情感连接已成为品牌破圈的关键通道。我们在服务大量品牌客户的过程中发现，消费者对内容的“有感”程度，正日益成为影响品牌传播效率与转化率的核心变量。在生成式AI驱动的内容生成与推荐环境中&#xff0…...

编程新知 2026/2/2 1:48:09

CREATE USER read_only WITH PASSWORD 密码 -- 连接到xxx数据库 \c xxx -- 授予对xxx数据库的只读权限 GRANT CONNECT ON DATABASE xxx TO read_only; GRANT USAGE ON SCHEMA public TO read_only; GRANT SELECT ON ALL TABLES IN SCHEMA public TO read_only; GRANT EXECUTE O…...

编程新知 2025/9/18 19:34:22