簡單實現(xiàn)jQuery鼠標按下抬起改變元素css樣式
2021-09-17 11:55:55

首先是style部分定義類名，并將想要實現(xiàn)的樣式效果寫入

??<style> .blue{ color:blue; } //字體變?yōu)樗{色 .red{ color:red; } //字體變?yōu)榧t色 </style>??

其次是js部分代碼，引入jquery，將想要改變的樣式類名加入元素或移除元素

??<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>??

??<script> $(document).ready(function(){ $("#p1").mousedown(function(){ $("#p1").addClass("blue"); $("#p1").removeClass("red"); }); $("#p1").mouseup(function(){ $("#p1").addClass("red"); $("#p1").removeClass("blue"); }); }); </script>??

最后是要改變的html元素，id名為p1

??<p id="p1">這是一個段落。</p>??

?

?

?

?