jQuery implements the method of mouse over to modify the style
- 2020-05-27 04:24:41
- OfStack
This article demonstrates an example of how jQuery can be used to modify styles with a mouse stroke. Share with you for your reference. The details are as follows:
$(document).ready(function () {
// Styles by default
$("input:text").attr("style","border:1px solid #7E9DB9;");
// Mouse over the style
$("input:text").mouseover(function () {
$(this).attr("style","border:1px solid #EDBB72;");
});
// Mouse over the styles
$("input:text").mouseout(function () {
$(this).attr("style","border:1px solid #7E9DB9;");
});
});
I hope this article has been helpful to your jQuery programming.