这节课主要是利用jQuery时候的准备工作,以及对jQuery的基本了解。
一、首先要先引入jQuery文件
<html>
<head>
<meta charset="utf-8">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></scrip
</head>
这里引入的是网上的资源文件。
二、然后就可以用jQuery写代码啦。
在写之前介绍一个JavaScript中常用的语句——console.log();
效果如下:
三、要想使用它的组件,还需要进行一个准备。
$(document).ready(function(){};
<html>
<head>
<meta charset="utf-8">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
//要想使用它的组件,还需要进行一个准备:
$(document).ready(function(){//$就相当于document.getElementById,也是在获取HTML元素。然后在$后面的()里写上id,像这样:$('#id')。
console.log('这是我的第一个console!');
});//这是jQuery的一个文档就绪事件,等文件加载之后运行函数。
</script>
</body>
</html>
效果如下: