您的位置：首页 > Web前端 > JQuery

JS&jQuery高级01（用jQuery时的准备工作）

2017-08-06 13:51 399 查看
这节课主要是利用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>


效果如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  jquery javascript
相关文章推荐
新的分享
章节导航