您的位置：首页 > Web前端 > JQuery

Jquery学习之旅之CSS类的设置和移除

2016-04-18 17:14 549 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<style type="text/css">

*{

  font-size:24px;

  font-family: "微软雅黑";

}

.anii{width:100px;height:60px;background-color: red;position: absolute;}

</style>

</head>

<body>

<table border="2px solid black">

<tr><th>one</th></tr>

</table>

<button id="addClass">addClass</button>

<button id="removeClass">removeClass</button>

<p>Hello,World<p>

 <script type="text/javascript" src="jquery/jquery-2.1.1.js"></script>

<script type="text/javascript" src="jquery/jquery-2.1.1.min.js"></script>

<script type="text/javascript">

 $(document).ready(

   function()

   { 

    $("#addClass").click(function(){$("p").addClass("anii");});

    $("#removeClass").click(function(){$("p").removeClass("anii");});

   }

 );

</script>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航