事件
鼠标事件、键盘事件、其他事件
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="lib/jquery-3.6.4.js"></script>
<style>
#divMove{
width: 500px;
height: 800px;
border: 1px solid red;
}
</style>
</head>
<body>
<!--获取鼠标的当前坐标-->
mouse:<span id = "mouseMove"></span>
<div id = "divMove">
鼠标在这里移动试试~
</div>
<script>
//当网页元素加载完毕后响应事件
$(function() {
$('#divMove').mousemove(function (e){
$('#mouseMove').text('x:'+e.pageX+'y:'+e.pageY);
})
});
</script>
</body>
jQuery操作DOM
节点文本操作
let a = $('#text-ul li[name=python]').text(); //获得值
$('#text-ul li[name=python]').text('设置值');
$('#text-ui').html(); //获取值
$('#text-ui').html('设置值'); //设置值
$('#text-ul li[name=python]').css("color","red");
元素的显示与隐藏 本质是display:none