风吹起如花般破碎的流年，而你的笑容摇晃摇晃，成为我命途中最美的点缀!
Php爱好者新版上线啦！
-10 19

jquery之添加删除样式

Category:jquery学习 View: Author:燕子

jquery中添加（addClass）删除（removeClass）样式，简单易用！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("#a").mouseover(function(){
  $(this).removeClass("out");
  $(this).addClass("over");
 }).mouseout(function(){
    $(this).addClass("out");
 });
});
</script>
<style>
 .over{ height:20px; width:120px; border:#F00 1px solid;}
 .out{ height:20px; width:120px; border:#00F 1px solid;}
</style>
</head>

<body>
<span id="a">点击我</span>

</body>
</html>
 


本文来源于php爱好者：php教程 —http://www.phplover.cn/
原文地址：http://www.phplover.cn/post/jquery-addClass-emoveClass.html

jquery  div  css   评论(0)

相关文章:

发表评论

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。