JS&jQuery高级01(用jQuery时的准备工作)

xiaoxiao2021-02-28  78

这节课主要是利用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>

效果如下:

转载请注明原文地址: https://www.6miu.com/read-49846.html

最新回复(0)