什么是jquery

news2024/9/23 9:26:15

jquery是一个javascript库;用来简化javascript编程;基本是前端必备;

看一下示例;

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").fadeIn(3000);
  });
});
</script>
</head>

<body>
<p>淡入效果</p>
<button>点击</button>
<br><br>
<div id="div1" style="width:100px;height:100px;display:none;background-color:red;"></div><br>

</body>
</html>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

jquery库是一个.js文件;这是引用的jquery库文件;这里引用的是网络上的,也可以下载一个jquery的js到本地,从html文件中引用;1.10.2是版本;jquery.min.js和jquery.js的内容是一样的;jquery.min.js是经过压缩,带.min的是经过压缩,体积比较小;

运行效果如下;

 

通过使用jquery,比较方便选中网页元素;

$("button")这样就选中了网页上的button元素;
$("#div1")这样就选中了网页上id为div1的元素;

如果直接使用javascript写要更多的代码;

并且通过简单编程可以实现一些不错的网页效果;例如这里只是通过调用fadeIn()函数就实现了淡入效果;如果完全使用javascript需要编写一定量的代码;

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1131835.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

智慧燃气:智慧燃气推进设备全面感知及协同运营

关键词&#xff1a;智慧燃气、燃气数字化、数字燃气、智能燃气、智慧燃气建设 智慧燃气建设应用技术迭代与试点推进方面的问题。随着大数据、人工智能、物联网等新兴前沿技术不断推进和产业化&#xff0c;以及国家工业和信息化部、住房和城乡建设部、国务院国资委等部委大力推…

WMS仓储管理系统在电商领域的应用与影响

随着电商行业的快速发展&#xff0c;消费者对购物体验的要求也越来越高。而在电商运营中&#xff0c;仓储管理系统的应用对于提升购物体验和销售业绩有着重要的作用。本文将探讨WMS仓储管理系统在电商行业的应用与影响。 WMS&#xff08;Warehouse Management System&#xff0…

实战经验分享:打造千万级直播项目,如何选择适合的长连接技术,告别CRUD开发

前言 其实不管大厂、小厂&#xff0c;做业务开发的同学都知道&#xff0c;写一个功能&#xff0c;有中台&#xff0c;有架构&#xff0c;有API&#xff0c;有SDK&#xff0c;很多可复用的代码直接调一下RPC接口或者一个注解就搞定了复杂的操作&#xff0c;所以很多螺丝钉们都没…

对python中切片详解

嗨喽&#xff0c;大家好呀~这里是爱看美女的茜茜呐 Python中什么可以切片 Python中符合序列的有序序列都支持切片(slice) 如:列表,字符,元祖 &#x1f447; &#x1f447; &#x1f447; 更多精彩机密、教程&#xff0c;尽在下方&#xff0c;赶紧点击了解吧~ python源码、视…

YOLO目标检测——人体行为数据集【含对应voc、coco和yolo三种格式标签】

实际项目应用&#xff1a;在人流量统计、行人闯入/越界检测、人群密集/拥堵检测预警等场景中&#xff0c;对监控场景中是否存在人体进行检测&#xff0c;并精确定位、追踪。数据集说明&#xff1a;&#xff0c;真实场景的高质量图片数据&#xff0c;数据场景丰富&#xff0c;含…

day49--动态规划8

139.单词拆分 关于多重背包&#xff0c;你该了解这些&#xff01; 背包问题总结篇&#xff01; 第一题&#xff1a;单词拆分 给定一个非空字符串 s 和一个包含非空单词的列表 wordDict&#xff0c;判定 s 是否可以被空格拆分为一个或多个在字典中出现的单词。 说明&#xff1…

[Database] MySQL 8.x Window / Partition Function (窗口/分区函数)

&#x1f9f2;相关文章 [1] MySQL 系统表解析以及各项指标查询 [2] MySQL 5.7 JSON 字段的使用的处理 [3] MySQL经典练习50题 简介 MySQL 8.0版本开始支持窗口函数 官方文档 在之前的版本中已存在的大部分聚合函数&#xff0c;在MySQL 8 中也可以作为窗口函数来使用 方法 / …

地址空间收尾-进程控制

子进程为什么能继承父进程的环境变量呢&#xff1f;并且具有全局属性&#xff1f; 通过打印地址实验可以发现&#xff0c;进程的环境变量在栈区之上 父进程的环境变量也是由bash继承下来的&#xff0c;必定有页表帮助我们从虚拟到物理的映射&#xff0c;创建子进程的页表时也会…

PowerCLI 实现email发送消息

前提条件 开启wmi,配置网卡,参考 创建发送获取信息到邮件 最终实现获取esxi 主机版本信息, esxi 主机IP,esxi开机开启状态,虚拟机名称,虚拟机IP,虚拟机开机状态,虚拟机归属哪一个物理机,发送信息到邮箱。脚本解释以下全部注释解释,请你在#部分获取。powercli-send-e…

HTML页面获取URL传递的参数值

如&#xff1a; // 查询url上链接的参数与参数值 function getQueryString(name) {var url window.location.search; // 获取URLvar pattern new RegExp("[\?\&]" name "([^\&])", "i"); // 正则匹配URLvar matcher pattern.exec(…

村田:什么是UWB无线通信?使用UWB的定位方法有哪些应用 ​

UWB是Ultra-Wide Band的缩写&#xff0c;意思是超宽带。UWB无线通信是使用超宽带的频率带宽的无线通信&#xff0c;其主要特征是能够实现高精度定位。近年来&#xff0c;已普及至智能手机防丢失、高阶汽车智能钥匙等民用设备。预计未来将在多个领域普及。 UWB无线通信技术有哪些…

浙江环保用电计量adw300-hj治污产污生产设备监测

浙江环保用电计量表&#xff0c;浙江环保用电能表&#xff0c;浙江环保督查计量电表&#xff0c;环保设备能耗采集表 企业基本信息 企业名称&#xff1a;XXXXXXXXXXX 企业地址&#xff1a;XX省XX市 工 程 量&#xff1a;X台监测仪表 预计工期&#xff1a;X天 监测点位信息…

Git撤销已经push到远程分支的commit

有时想要撤销已经push到远程仓库的commit&#xff0c;将代码还原为commit之前的样子&#xff0c;应该如何做呢&#xff1f; 如果只有自己使用的分支&#xff1a;可以使用git reset命令 git log 查看需要还原的commitId&#xff0c;如下截图&#xff0c; 我们需要撤销ffe4a的…

【API篇】十、生成Flink水位线

文章目录 1、水位线的生成原则2、有序流内置水位线3、乱序流内置水位线4、自定义周期性水位线生成器5、自定义断点式水位线生成器6、从数据源中发送水位线 1、水位线的生成原则 水位线出现&#xff0c;即代表这个时间之前的数据已经全部到齐&#xff0c;之后不会再出现之前的数…

具有独特底部轮廓的剥离光刻胶的开发

引言 金属图案的剥离方法已广泛应用于各种电子器件的制造过程中&#xff0c;如半导体封装、MEMS和LED的制造。与传统的金属刻蚀方法不同的是&#xff0c;采用剥离法的优点是节省成本和工艺简化。在剥离过程中&#xff0c;经过涂层、曝光和开发过程后&#xff0c;光刻胶会在晶片…

最简单的Ubuntu更新Nvidia驱动的方法 解决nvidia-smi 不是内部或外部命令

在装有Ubuntu/Linux的服务器上遇到nvidia-smi不是内部或外部命令的问题&#xff0c;解决方法&#xff1a;更新英伟达驱动。 Ubuntu自带的“软件和更新”里可以方便地更新驱动&#xff0c;不需要从英伟达官网下载驱动。 我把它改成了第一项&#xff08;原来是一个名为nouveau的…

点成案例 | 点成生物干浴器的多领域应用

前沿 在前面的文章中&#xff0c;我们给大家分享了点成生物水浴设备在食品行业的食物特性和生物活性测定的应用案例&#xff0c;本期文章将为大家详细介绍一下点成生物的干浴设备及其在多种领域中的应用。 一、干浴器简介 干浴器&#xff0c;又名恒温金属浴或金属浴。与水浴设…

好用的Visio绘图文件工具 VSD Viewer最新 for mac

VSD Viewer是一款可以查看Microsoft Visio绘图文件的工具&#xff0c;适用于Windows和macOS操作系统。它具有以下优点&#xff1a; 直观易用&#xff1a;VSD Viewer的用户界面非常简单直观&#xff0c;易于使用。支持多种文件格式&#xff1a;VSD Viewer支持多种Visio文件格式…

JavaScript函数:入门指南

目录 函数的定义和调用 函数参数 返回值 匿名函数 回调函数 箭头函数的定义和语法 箭头函数的参数和返回值 箭头函数的this绑定 递归函数简介 基本情况 递归调用 注意事项 递归的应用 JavaScript是一种广泛使用的编程语言&#xff0c;拥有强大的函数功能。函数是J…