jQuery+CSS动态改变class

鼠标MoveOn、MoveOut、Click 动态效果

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Test</title>
<style>
.tj_time a{float:left; display:block; background:#CBF2FE; margin-right:6px; padding:2px 5px; color:#036; text-decoration:none; cursor:auto;}
.tj_time a:hover{background:#84D2E9; color:#fff;}
.tj_time a:visited{background:#63B0C9; color:#fff; cursor:auto;}
.tj_time .hover{background:#84D2E9; color:#fff; cursor:auto;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">$(function(){$("div.tj_time a").click(function(){$(this).addClass("hover").siblings("a").removeClass("hover");});});
</script>
</head>
<body><div class="tj_time"><a >一</a><a >二</a><a >三</a></div>
</body>
</html>

转载于:https://my.oschina.net/u/2272631/blog/495560

jQuery+CSS动态改变class相关推荐

jquery怎么动态修改css样式
jquery动态修改css样式的方法:1.通过css方法动态修改css样式:2.给指定的html元素定一个CSS样式:3.查看元素的css样式:4.隐藏与显示p或指定的其他html元素. jquery ...
如何用jquery动态改变 input 输入框的readonly属性及CSS样式
样例 <style type="text/css">.disable{background-color: #d2d2d2;} </style><div ...
jQuery动态改变图片显示大小(修改)
当我们要显示后台传过来若干个尺寸不一的图片时,为了保证图片大小的一致性及比例的协调,需要动态改变图片显示尺寸.通过搜索,我们可以从网上找到实现此功能的jQuery代码如下.这段代码可以使图片的大小保持 ...
css -- js动态改变before和after
before和after也算是css里面最常见的元素了,而我却一直不太了解,再不学一下就真的太不像话了.所以学习一下,记记笔记. 1. before && after 伪元素,也可以解 ...
jquery easyui dataGrid动态改变排序字段名
2019独角兽企业重金招聘Python工程师标准>>> jquery easyui dataGrid 动态改变排序字段名,一般情况下,在使用的时候,我们会点击相应字段进行排序, 这里 ...
jquery动态改变onclick属性导致失效的问题解决方法
onclick属性失效的问题,相信很多的朋友都有遇到过吧,jquery动态改变onclick属性就会导致此问题的发生,解决方法如下,希望对大家有所帮助代码如下: <li id="&q ...
jquery动态改变div宽度和高度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
jQuery中添加/改变/移除改变CSS样式例子
在jquery中对于div样式操作我们会使用到CSS() removeClass() addClass()方法来操作了,下面我们就整理了几个例子大家一起来看看吧. CSS()方法改变CSS样式 css ...
vue 模拟随机变速的动态打字特效【支持多行文本】（含css实现闪烁光标，js动态改变setInterval定时器的时间间隔）
随机变速的动态打字特效–最终效果随机变速的动态打字特效–完整代码 <template><div class="contentBox"><span&g ...

jQuery+CSS动态改变class

jQuery+CSS动态改变class相关推荐

最新文章

热门文章