<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./jquery-3.4.1.js"></script> </head> <body> <div id="id" class="cl">id选择器</div> <div class="cl">哈哈哈</div> <input type="text" id="inp"> </body> <script> //jq对事件的操作 $($(‘.cl‘)[0]).click(function(){ alert(‘弹出‘); }) // document.getElementById(‘id‘).onclick=function(){}; $(‘#id‘).mousemove(function(){ // alert(‘鼠标移上去‘); }) $(‘#id‘).mouseout(function(){ alert(‘鼠标移走‘); }) $(‘#id‘).hover(function(){ //鼠标移上去 console.log(‘鼠标移上去‘); },function(){ //鼠标移走 console.log(‘鼠标移走‘); }); </script> </html>