jQuery学习笔记1-5

来源：互联网发布：资产管理公司知乎编辑：程序博客网时间：2024/06/02 10:03

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>jquery控制CSS样式1-5</title>

<scriptlanguage="javascript"type="text/javascript"src="JavaScript/jquery-1.9.1.min.js"></script>

<styletype="text/css">

.divCss{background-color:Red;border:solid;width:400px}

.divClickCss{background-color:Green;color:Red;border:solid;width:300px}

</style>

<scripttype="text/javascript">

$(function(){

$("#divTest").click(function(){

$("#divTest").toggleClass("divClickCss").html("点击后的样式");

});

</script>

</head>

<body>

<divid="divTest"class="divCss">点击前的样式</div>

</body>

</html>