jQuery
什么是jQuery?
jQuery 是一个 JavaScript 库,jQuery 极大地简化了 JavaScript 编程,也就是封装了大量的JavaScript 方法。
获取jQuery
jQuery官网:https://jquery.com/download/
使用jQuery下载文件导入,或者引入CDN
jQuery=$(css选择器).动作
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
</head>
<body>
<a href="" id="j1">点击跳转</a>
<script>
$('#j1').click(function () {
alert('hello')
})
</script>
</body>
</html>
jQuery选择器
就是css选择器
事件
鼠标事件,键盘事件,其他事件
jQuery操作DOM元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery</title>
<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script></head>
<body>
<p id="p1">p标签文字1</p>
<p id="p2">p标签文字2</p>
<script>
//获取值
$('#p1').text();
//修改值
$('#p1').text('修改');
//修改css
$('#p1').css("color","red");
//隐藏
$('#p1').hide();
//显示
$('#p1').show();
</script>
</body>
</html>