CDN引入jQuery, 或者导入本地的
公式: $(selector).action()
$(function(){}) 浏览器加载完执行
获取鼠标位置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jQuery/jquery-3.5.1.js"></script>
<style>
#divMove{
width: 500px;
height: 500px;
border: 1px solid red;
}
</style>
</head>
<body>
mouse: <span id="mouseMove"></span>
<div id="divMove">
Move Your Mouse Here
</div>
<script>
$(function(){
$(‘#divMove‘).mousemove(function(e){
$(‘#mouseMove‘).text(‘x:‘+e.pageX+‘y:‘+e.pageY)
})
}
);
</script>
</body>
</html>
DOM操作
$(‘selector‘).text() 获取文本 // ()内如果有值,则是修改该值
$(‘selector‘).html() 获取html标签
$(‘selector‘).css() //修改样式 ()内是键值对