W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").mouseover(function(){ $("p").css("background-color","yellow"); }); $("p").mouseout(function(){ $("p").css("background-color","#E9E9E4"); }); $("#btn1").click(function(){ $("p").mouseover(); }); $("#btn2").click(function(){ $("p").mouseout(); }); }); </script> </head> <body> <p style="background-color:#E9E9E4">请把鼠标指针移动到段落上。</p> <button id="btn1">触发段落的 mouseover 事件</button><br /> <button id="btn2">触发段落的 mouseout 事件</button> </body> </html>