我想用记录CSDN博客的方式,来记录自己学习的轨迹,记录下自己的点滴,和大家分享自己的喜悦。文中有错误的地方欢迎大家指出,可如果能帮助到大家一点就太好了。
一般来说,当我们提到写网站前端页面时,大家会想到用HTML5+CSS3+JavaScript,一般我们在使用JavaScript的时候会选择使用jQuery,因为jQuery更简单,更易用,更美观。
可如何下载和安装jQuery呢?
jQuery官网的下载地址为http://jquery.com
主页面上显示的版本是3.3.1,点击Download jQuery。
有三个版本可以下载,
第一个是压缩后的版本,适合在部署网站时使用;
第二个是未压缩的版本,适合在网站建设时使用,方便调试。
我自己时两个都下了,使用的是未压缩版本。接下来我们开始使用jQuery。使用的过程非常方便,只需要外部引用就可以了。举一个例子。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HELLO</title>
<script src="jquery-3.3.1.js" type="text/javascript"></script>
</head>
<body>
<div id="hi">hello,jquery</div>
<script type="text/javascript">
$(document).ready(function(e){
$("#hi").click(function(){
alert("HELLO");
});
});
</script>
</body>
</html>
只需要在<head>标签中引入jQuery的js文件就可以了。
我们需要注意的是$ 和jQuery是等价的,即$("#hi")和jQuery("#hi")是一个意思。
非常方便。我们下期再见。