JavaScript--初识JQuery及公式
Posted Z && Y
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript--初识JQuery及公式相关的知识，希望对你有一定的参考价值。
1. 初识JQuery及公式
1.1 下载JQuery
我们点击开发版本,进入了如下页面
接下来全选里面的内容,保存下来放在txt文档里面
然后给txt文件改名,改为jq.js(自定义,但文件拓展名必须是js)
现在我们就成功的下载了Jquery
1.2 引入JQuery
使用jQuery只需要在页面引入jQuery文件即可：
1.2.1 引入方法一: 本地的js文件
把刚刚下载的JQuery放在lib目录下面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 成功引入JQuery-->
<script src="lib/jq.js"></script>
</head>
<body>
</body>
</html>
1.2.2 引入方法二: 在线CDN
CDN的全称是Content Delivery Network，即内容分发网络。CDN的基本原理是广
泛采用各种缓存服务器，将这些缓存服务器分布到用户访问相对集中的地区或网络中，
在用户访问网站时，利用全局负载技术将用户的访问指向距离最近的工作正常的缓存服
务器上，由缓存服务器直接响应用户请求。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 成功引入JQuery-->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
</body>
</html>
1.3 使用JQuery
公式
这里的selector都是CSS选择器的语法 CSS选择器
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 成功引入Jquery-->
<script src="lib/jq.js"></script>
</head>
<body>
<div id="myDiv" style="width: 100px;height: 100px;background:orange;">点我</div>
</body>
<script>
$('#myDiv').click(() => {
alert('你真牛逼');
})
</script>
</html>
以上是关于JavaScript--初识JQuery及公式的主要内容，如果未能解决你的问题，请参考以下文章