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

jQuery_02 引入jQuery，初试牛刀

news 2026/4/24 19:41:01

引入jquery文件

我们在官网上点击dowmload那个 会发现进入了一个网页，里面全部是代码，你可能还在想为什么下载不了，其实jquery不跟vue一样，整个jquery就是一个js文件而已，所以直接ctrl+a 全选 ctrl+c复制 ，然后打开自己的js文件 ctrl+v 赋值就行。到了html文件之中 直接使用script 标签引入 就可以正常的使用jQuery的语法了。

 <script type="text/javascript" src="../js/jquery.js"></script>

使用jQuery

$(document).ready(function () {alert("Hello World");});

$jQuery中的函数名字  document是一个参数

$(document): 把js中的docuemnt对象变成jquery可以使用的对象

然后调用ready()函数 这个ready()是jQuery中的函数

ready()的执行时间在页面dom对象加载后执行的。相当于js中onload事件。

ready(函数):表示在页面对象加载后执行 这个函数

$(document).ready(function () {alert("Hello World");});/* 上下相等 */$(document).ready(myinit);function myinit() {alert("Hello World");}$(function () {alert("Hello World");});

 

全部代码

<!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 type="text/javascript" src="../js/jquery.js"></script><script type="text/javascript">/*  $jQuery中的函数名字  document是一个参数 $(document): 把js中的docuemnt对象变成jquery可以使用的对象然后调用ready()函数 这个ready()是jQuery中的函数ready()的执行时间在页面dom对象加载后执行的。相当于js中onload事件。ready(函数):表示在页面对象加载后执行 这个函数*/// $(document).ready(function () {//   alert("Hello World");// });/* 上下相等 */// $(document).ready(myinit);// function myinit() {//   alert("Hello World");// }// jQuery提供了一个简单的方式 来使用ready()函数//$( 参数是一个 函数)$(function () {alert("Hello World");});</script></head><body></body>
</html>

 

相关文章：

jQuery_02 引入jQuery，初试牛刀

引入jquery文件 我们在官网上点击dowmload那个 会发现进入了一个网页&#xff0c;里面全部是代码&#xff0c;你可能还在想为什么下载不了&#xff0c;其实jquery不跟vue一样&#xff0c;整个jquery就是一个js文件而已&#xff0c;所以直接ctrla 全选 ctrlc复制 &#xff0c;然…...

编程日记 2023/11/24 22:15:38

pandas获取年月第一天、最后一天，加一秒、加一天、午夜时间

Timestamp对象 # ts = pandas.Timestamp(year=2023, month=10, day=15, # hour=15, minute=5, second=50, tz="Asia/Shanghai") ts = pandas.Timestamp("2023-10-15 15:05:50", tz="Asia/Shanghai") # 2023-10-15 15:05…...

编程日记 2023/11/24 22:14:37

Unsupervised Condition GAN

Unsupervised Condition GAN主要有两种做法&#xff1a; Direct Transformation 直接输入domain X图片&#xff0c;经过Generator后生成对应的domain Y的图像。这种转化input和output不能够差太多。通常只能实现较小的转化&#xff0c;比如改变颜色等。 Projection to Commo…...

编程日记 2023/11/24 22:13:36

Crypto(11)HECTF-rsarsa(明文存在线性关系)

题目如下&#xff1a; from functools import reduce from Crypto.Util.number import * import random from secret import flag,hintdef generate_PQ(bits):x getPrime(bits) >> bits//2 << bits//2#右移bit//2位后左移bit//2位while True:p x random.getran…...

编程日记 2023/11/24 22:12:35

论文阅读 Forecasting at Scale (二)

最近在看时间序列的文章&#xff0c;回顾下经典 论文地址 项目地址 Forecasting at Scale 3.2、季节性 3.3、假日和活动事件3.4、模型拟合3.5、分析师参与的循环建模4、自动化预测评估4.1、使用基线预测4.2、建模预测准确性4.3、模拟历史预测4.4、识别大的预测误差 5、结论6、致…...

编程日记 2023/11/24 22:10:33

刷题感悟w

题目很长的一定要慢慢把题目的意思搞清楚 有重复操作不知道怎么办 可以用数组去标记 你好&#xff01;在C中&#xff0c;replace 函数通常是用于替换容器&#xff08;例如 std::vector 或 std::string&#xff09;中的特定元素的函数。以下是 std::replace 函数的一般用法&…...

编程日记 2023/11/24 22:09:32

记一次linux操作系统实验

前言 最近完成了一个需要修改和编译linux内核源码的操作系统实验&#xff0c;个人感觉这个实验还是比较有意思的。这次实验总共耗时4天&#xff0c;从对linux实现零基础&#xff0c;通过查阅资料和不断尝试&#xff0c;直到完成实验目标&#xff0c;在这过程中确实也收获颇丰&…...

编程日记 2023/11/24 22:08:31

java操作富文本插入到word模板

最近项目有个需求&#xff0c;大致流程是前端保存富文本&#xff08;html的代码&#xff09;到数据库&#xff0c;后台需要将富文本代码转成带格式的文字&#xff0c;插入到word模板里&#xff0c;然后将word转成pdf&#xff0c;再由前端调用接口下载pdf文件&#xff01; 1、思…...

编程日记 2023/11/24 22:07:30

JMeter---BeanShell实现接口前置和后置操作

在JMeter中&#xff0c;可以使用BeanShell脚本来实现接口的前置和后置操作。 下面是使用BeanShell脚本实现接口前置和后置操作的步骤&#xff1a; 1、在测试计划中添加一个BeanShell前置处理器或后置处理器。 右键点击需要添加前置或后置操作的接口请求&#xff0c;选择&quo…...

编程日记 2023/11/24 22:06:29

【Linux】共享内存

文章目录 一、共享内存的原理详谈共享内存的实现过程二、共享内存的接口函数1.shmget2. shmatshmdtshmctl 进程间使用共享内存通信三、共享内存的特性 关于代码 一、共享内存的原理 共享内存是由操作系统维护和管理的一块内存。 共享内存的本质是内核级的缓冲区。 一个进程向…...

编程日记 2023/11/24 22:05:27

五、双向NAT

学习防火墙之前&#xff0c;对路由交换应要有一定的认识 双向NAT1.1.基本原理1.2.NAT Inbound NAT Server1.3.域内NATNAT Server —————————————————————————————————————————————————— 双向NAT 经过前面介绍&#xff0c;…...

编程日记 2023/11/24 22:03:26

P1028 [NOIP2001 普及组] 数的计算

时刻记住一句话&#xff1a;写递归&#xff0c;1画图&#xff0c;2大脑放空&#xff01;&#xff01;&#xff01; 意思是&#xff0c;自己写递归题目&#xff0c;先用样例给的数据画图&#xff0c;然后想一个超级简单的思路&#xff0c;直接套上去就可以了。 上题干&#xff…...

编程日记 2023/11/24 22:02:24

浅析三相异步电动机控制的电气保护

安科瑞 华楠 摘 要&#xff1a;要求三相异步电动机的控制系统不仅要保证电机正常启动和运行&#xff0c;完成制动操作&#xff0c;还要通过相关保护措施维护电动机的安全使用。基于此&#xff0c;本文以电动机电气保护作为研究对象&#xff0c;结合三相异步电动机的机械特点&…...

编程日记 2023/11/24 22:01:24

Java设计模式系列：单例设计模式

Java设计模式系列&#xff1a;单例设计模式 介绍 所谓类的单例设计模式&#xff0c;就是采取一定的方法保证在整个的软件系统中&#xff0c;对某个类只能存在一个对象实例&#xff0c;并且该类只提供一个取得其对象实例的方法&#xff08;静态方法&#xff09; 比如 Hiberna…...

编程日记 2023/11/24 22:00:23

开拓新天地：探讨数位行销对医药产业医病连结的影响

数字营销模式多元&#xff0c;主要围绕医生和患者。赛道各企业凭借各自优势&#xff08;技术、学术、流量等&#xff09;入局&#xff0c;提供各自差异化营销工具或服务。目前&#xff0c;围绕医生的数字营销旨在为医生提供全面学术解决方案从而提升对医药产品的认可&#xff0…...

编程日记 2023/11/24 21:59:22

[tsai.shen@mailfence.com].faust勒索病毒数据怎么处理|数据解密恢复

导言&#xff1a; [support2022cock.li].faust、[tsai.shenmailfence.com].faust、[Encrypteddmailfence.com].faust勒索病毒是一种具有恶意目的的勒索软件&#xff0c;其主要特点包括对受害者文件进行强力加密&#xff0c;然后勒索受害者支付赎金以获取解密密钥。攻击者通常通…...

编程日记 2023/11/24 21:58:21

Peter算法小课堂—前缀和数组的应用

桶 相当于计数排序&#xff0c;看一个视频 桶排序 太戈编程1620题 算法解析 #include <bits/stdc.h> using namespace std; const int R11; int cnt[R];//cnt[t]代表第t天新增几人 int s[R];//s[]数组是cnt[]数组的前缀和数组 int n,t; int main(){cin>>n;for(…...

编程日记 2023/11/24 21:57:19

线性表之链式表

文章目录 主要内容一.单链表1.头插法建立单链表代码如下&#xff08;示例&#xff09;: 2.尾插法建立单链表代码如下&#xff08;示例&#xff09;: 3.按序号查找结点值代码如下&#xff08;示例&#xff09;: 4.按值查找表结点代码如下&#xff08;示例&#xff09;: 5.插入节…...

编程日记 2023/11/24 21:56:18

[Docker]十.Docker Swarm讲解

一.Dokcer Swarm集群介绍 1.Dokcer Swarm 简介 Docker Swarm 是 Docker 公司推出的用来管理 docker 集群的工具&#xff0c; 使用 Docker Swarm 可以快速方便的实现 高可用集群 ,Docker Compose 只能编排单节点上的容器, Docker Swarm 可以让我们在单一主机上操作来完成对 整…...

编程日记 2023/11/24 21:55:17

相机机模组需求示例

产品需求名称摄像头采集图片数据补充说明产品需求描述 As&#xff1a;用户 I want to&#xff1a;通过相机模组获取到自定义格式图片数据&#xff0c;要求包括&#xff1a; 1、支持多种场景&#xff0c;如&#xff1a;手持相机拍摄舌苔 2、支持图片分辨率至少达到1920X1080 3、…...

编程日记 2023/11/24 21:54:16

别再死记硬背DAX函数了！用Power BI做销售分析，这5个核心函数组合才是关键

从业务场景反推DAX函数组合&#xff1a;Power BI销售分析的5个核心武器 当你面对销售总监临时丢过来的需求——"明天早会给我一个能实时反映各区域销售趋势的动态看板"时&#xff0c;是否还在手忙脚乱地翻找DAX函数手册&#xff1f;真正高效的Power BI使用者从不会孤…...

编程新知 2026/4/24 19:07:32

nrf54l15使用I2C驱动SHT40温湿度传感器

Nordic芯片对于驱动传感器这方面我感觉对新手来说是很友好的&#xff0c;因为它的底层驱动集成了市面上 常见的大部分的传感器的驱动&#xff0c;比如说你如果使用I2C接口的传感器&#xff0c;使用 软件I2C的话&#xff0c;根本不用去拼凑时序&#xff0c;六段基本时序还有传感…...

编程新知 2026/4/24 18:54:55

怎样高效重置Navicat试用期：macOS平台完整实用方案

怎样高效重置Navicat试用期&#xff1a;macOS平台完整实用方案 【免费下载链接】navicat_reset_mac navicat mac版无限重置试用期脚本 Navicat Mac Version Unlimited Trial Reset Script 项目地址: https://gitcode.com/gh_mirrors/na/navicat_reset_mac Navicat Premi…...

编程新知 2026/4/24 18:07:38

别再死记硬背74HC138真值表了！用Arduino+面包板，5分钟搞懂3-8译码器怎么省IO口

用Arduino实战破解74HC138&#xff1a;3根线控制8个LED的硬件魔法 记得第一次在电子设计课上看到74HC138真值表时&#xff0c;那种面对16进制代码的茫然感至今难忘。直到某天在创客空间&#xff0c;看到有人用Arduino和面包板搭建了一个会"跑马"的LED阵列——只用3根…...

编程新知 2026/4/24 17:54:42

【ROS2笔记四】ROS2功能包的依赖管理与接口设计

1. ROS2功能包依赖管理详解 第一次用ROS2做项目时&#xff0c;我最头疼的就是各种依赖报错。明明本地测试好好的代码&#xff0c;换台机器就编译不过。后来才发现是package.xml里漏了几个依赖项。ROS2的依赖管理就像搭积木&#xff0c;少一块整个结构都不稳。 1.1 package.xml的…...

编程新知 2026/4/24 16:51:36

机器学习数据准备：从清洗到特征工程的完整指南

1. 数据准备&#xff1a;机器学习项目的隐形基石第一次接触机器学习时&#xff0c;我和大多数人一样&#xff0c;迫不及待地想要尝试各种炫酷的算法。但很快我就发现&#xff0c;无论选择多么先进的模型&#xff0c;如果输入的是垃圾数据&#xff0c;输出的也只能是垃圾结果。数…...

编程新知 2026/4/24 16:49:33

从零实现Transformer多头注意力机制的实战指南

1. 从零实现多头注意力机制的背景与价值多头注意力机制&#xff08;Multi-Head Attention&#xff09;作为Transformer架构的核心组件&#xff0c;已经彻底改变了自然语言处理领域的游戏规则。2017年那篇著名的《Attention Is All You Need》论文提出这一机制时&#xff0c;很多…...

编程新知 2026/4/24 15:06:12

3分钟掌握SRWE：免费窗口分辨率自定义终极指南

3分钟掌握SRWE&#xff1a;免费窗口分辨率自定义终极指南 【免费下载链接】SRWE Simple Runtime Window Editor 项目地址: https://gitcode.com/gh_mirrors/sr/SRWE Simple Runtime Window Editor&#xff08;SRWE&#xff09;是一款轻量级开源窗口分辨率工具&#xff0…...

编程新知 2026/4/24 14:28:47

Office自定义界面编辑器终极指南：免费打造专属Office功能区

Office自定义界面编辑器终极指南&#xff1a;免费打造专属Office功能区 【免费下载链接】office-custom-ui-editor Standalone tool to edit custom UI part of Office open document file format 项目地址: https://gitcode.com/gh_mirrors/of/office-custom-ui-editor …...

编程新知 2026/4/24 12:22:58

嵌入式项目数据存储的“后悔药”：Cypress FM25CL64B铁电存储器防丢数据实战指南

嵌入式系统数据安全的终极防线&#xff1a;FM25CL64B铁电存储器深度应用指南 在工业自动化设备突然断电的瞬间&#xff0c;设备参数能否完好保存&#xff1f;当医疗仪器遭遇意外重启&#xff0c;关键校准数据是否会丢失&#xff1f;这些场景正是嵌入式工程师们最不愿面对的噩梦…...

编程新知 2026/4/24 12:14:35