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

什么是jquery

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.lryc.cn/news/206754.html

相关文章:

  • 竞赛选题 深度学习动物识别 - 卷积神经网络 机器视觉 图像识别
  • 新华三路由器+华为交换机,实现华为交换机指定端口访问外网
  • Java面试(JVM篇)——JVM 面试题合集 深入理解JVM虚拟机
  • NPDP产品经理证书是什么行业的证书?
  • 37 深度学习(一):查看自己显卡的指令|张量|验证集|分类问题|回归问题
  • 用C语言解决三个整数比大小,x,y,z三个整数求最小整数,从键盘上输入3个不同的整数×,y,Z,请设计一个算法找出其中最小的数,并画出流程图。
  • 操作系统进程调度算法的模拟实现(c语言版本)
  • webbench压测工具
  • HarmonyOS 音频开发指导:使用 OpenSL ES 开发音频播放功能
  • docker搭建个人镜像仓库
  • Python机器学习17——Xgboost和Lightgbm结合分位数回归(机器学习与传统统计学结合)
  • C#编程学习
  • 关于vue 父级不使用子级某模块 (插槽替换)
  • 睿趣科技:抖音小店在哪里选品
  • 量变引起质变:安卓改多了,就是自己的OS
  • IDEA 之 在不更改操作系统用户名的情况下更改 ${USER} 变量?
  • 基于JAVA的天猫商场系统设计与实现,springboot+jsp,MySQL数据库,前台用户+后台管理,完美运行,有一万五千字论文
  • Redis学习
  • uni-app:实现picker下拉列表的默认值设置
  • 基于NB-iot技术实现财物跟踪的EA01-SG定位模块方案
  • 挑战吧,HarmonyOS应用开发工程师
  • 图论05-【无权无向】-图的广度优先BFS遍历-路径问题/检测环/二分图/最短路径问题
  • uniapp:谷歌地图,实现地图展示,搜索功能,H5导航
  • 关于腾讯云轻量应用服务器性能测评,看这一篇文章就够了
  • HDFS集群NameNode高可用改造
  • Spark集群中一个Worker启动失败的排错记录
  • Mysql的JDBC知识点
  • git的实际操作
  • 数据结构零基础C语言版 严蔚敏-线性表、顺序表
  • Keil uVision 5 MDK版软件安装包下载及安装教程(最详细图文教程)