Jquery学习之旅之CSS类的设置和移除
来源:互联网 发布:在线抓阄软件 编辑:程序博客网 时间:2024/06/04 19:51
<!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>
<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>
0 0
- Jquery学习之旅之CSS类的设置和移除
- Jquery学习之旅之动态设置css属性和获取css属性
- Jquery学习之旅之捕获和设置
- jQuery设置和移除文本框默认值
- jQuery设置和移除文本框默认值
- jQuery设置和移除文本框默认值
- jQuery基础 -- 添加/移除CSS类
- jquery之同级,父级,子级间元素的添加移除
- JQUERY学习之:CSS操作
- jQuery学习之七---CSS
- jquery 移除css样式
- jQuery添加/移除css
- JQuery学习之jQuery九类选择器,属性,CSS和文档处理
- jQuery学习笔记之五----基础DOM和CSS操作
- jQuery学习笔记之基础DOM和CSS操作
- jQuery 之 获取并设置 CSS 类(十)
- SVN的学习之路七(锁的设置和解除)
- jquery复选的添加和移除
- 配置外置Tomcat启动
- ORA-24777: 不允许使用不可移植的数据库链路
- 事件 带参数 和 不带参数 的执行代码
- iOS中assign,copy,retain之间的区别以及weak和strong的区别
- 领域驱动设计之领域模型
- Jquery学习之旅之CSS类的设置和移除
- 关于用栈解决ACM括号配对问题
- 欢迎使用CSDN-markdown编辑器
- WOJ 1608 Calculation
- 使用python实现可重入的公平读写锁
- git代码库回滚
- Linux下命令整理
- [问题记录.VisualStudio]TFS项目映射问题解决
- UIView常用的一些方法小记之setNeedsDisplay和setNeedsLayout