jQuery动态添加.active属性实现按钮点击样式

想实现如图效果，设置好了按钮的不同状态样式，想在点击某个按钮后保存.active的样式，其他的恢复默认样式：

代码：

<a id="01B7654321" >选中按钮样式</a>
<a id="01B7654321" >普通按钮样式</a>
<a id="01B7654321" >普通按钮样式</a>
<a id="01B7654321" >普通按钮样式</a>

jQuery效果实现代码：

<script type="text/javascript">$(".menu_list a").click(function(){$(".menu_list a").removeClass("active");$(this).addClass("active");})
</script>

jQuery动态添加.active属性实现按钮点击样式相关推荐

jQuery动态添加按钮，绑定点击事件失效
jQuery动态添加按钮,绑定点击事件失效因为需求需要给页面动态添加按钮并绑定点击事件进行操作, 但是发现绑定的点击事件失效. 原因分析: append中的节点是在整个文档加载完之后开始添加,因此页 ...
js动态添加样式和jQuery动态添加样式
0.style方式添加样式 DOM对象.style.color = 'red'DOM对象.style.display = 'block/none' //让元素显示/隐藏 1.js动态添加样式 1.添加 ...
jquery动态添加列表后样式失效解决方式
最近在做一个通讯录,使用jquery mobile方式来做,在动态添加列表后,listview原有的样式失效,折腾一会,找出解决办法.代码如下. <%@ page language=" ...
jquery动态改变onclick属性导致失效的问题解决方法
onclick属性失效的问题,相信很多的朋友都有遇到过吧,jquery动态改变onclick属性就会导致此问题的发生,解决方法如下,希望对大家有所帮助代码如下: <li id="&q ...
python 类装饰器和继承_python装饰器、继承、元类、mixin，四种給类动态添加类属性和方法的方式(一)...
介绍装饰器.继承.元类.mixin,四种給类动态添加类属性和方法的方式有时候需要給类添加额外的东西,有些东西很频繁,每个类都需要,如果不想反复的复制粘贴到每个类,可以动态添加. 1 #coding= ...
html追加没有样式,js/jquery动态添加html，样式和方法不生效的解决方案
var html = " " + " " + " \n" + " \n" + " \n" + &qu ...
jquery 动态添加标签而且指定样式
在jsp页面中给jquery 动态添加标签而且指定样式: $("#id").append("<span style='color:red........'>& ...
html添加一组单选按钮,使用jQuery动态添加HTML单选按钮
作为jQuery初学者,我遇到了一些表单和动态元素的问题.我知道这里已经有一些话题,但我已经尝试了很多东西,没有任何工作. 只是一个精确的:我正在与Phonegap合作.使用jQuery动态添加HTM ...
Jquery动态添加img标签
 <div class="screenShot" style="display: none;"><div ...

jQuery动态添加.active属性实现按钮点击样式

jQuery动态添加.active属性实现按钮点击样式相关推荐

最新文章

热门文章