10、jQuery
JavaScript
jQuery库, 里面存在大量的JavaScript函数
获取jQuery
1)官网
公式:$(选择器).事件(事件函数);
2)cdn获取jQuery
复制标签,粘贴到html文件中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- cdn引入-->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
</body>
</html>
代码show
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- cdn引入-->
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>-->
<script src="lib/jquery-3.6.0.min.js"></script>
</head>
<body>
<a href="" id="test-jquery">点我</a>
<script>
//未引入jquery之前给a标签添加点击事件
var aTag = document.getElementById('test-jquery');
aTag.onclick = function () {
alert('hhh')
};
//引入jquery写法
//公式:$(selector).action(),
// 其中selector就是css的选择器
$('#test-jquery').click(function () {
alert('hello jquery');
})
</script>
</body>
</html>
代码目录结构:
彩蛋
1.jquery帮助文档比较好的
2.cdn jquery
直接百度搜索jquery cdn很多的
3.下载jquery
4.chrome,360,firefox,下载jquery直接打开了,
1)chrome
2)360(360打开jquery官网很慢)
3)firefox
解决下载:
点击链接右键,另存为: