Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
</head>
<body>
<input id="myID" class="MyClass1" type="text" value="MyClass1">
<script type="text/javascript">
$(document).ready(function () {
$("button").click(function () {
var o = $("#myID").attr("class");
if (o == "MyClass1")
{
$("#myID").attr("class", "MyClass2")
}
else
{
$("#myID").attr("class", "MyClass1")
}
$("#myID").val($("#myID").attr("class"));
});
});
</script>
<button type="button">click</button>
</body>
</html>
The most helpful JQUERY solutions