<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
p{ width:150px; height:150px; float:left; border:1px solid #ffffd; }
</style>
</head>
<body>
<div id="append"> <p>amaze</p> <p>amaze</p> <p>amaze</p> <p>amaze</p> </div> <script type="text/javascript" src="jquery-3.1.1.min.js"></script> <script type="text/javascript"> $("#append").on("mouseenter mouseleave","p",function(e){ if(e.type == "mouseenter"){ //鼠標(biāo)進(jìn)入 $(this).text("wow"); }else if(e.type == "mouseleave"){ //鼠標(biāo)離開$(this).text("amaze"); } }); </script>
</body>
</html>
加載中...