jQuery怎么在点击按钮时添加一个样式a,点击另一个按钮时去除a样式再添加样式b,再点击

jQuery怎么在点击a按钮时添加一个样式a,点击b按钮时去除a样式再添加样式b,再点击C按钮时去除a、b样式添加c样式,求高手怎么实现!

第1个回答  2012-04-24
举个例子给你:
<ul id="ull">
<li><a id="A" href="" class="active">A</a></li>
<li><a id="B" href="">B</a></li>
<li><a id="C" href="">C</a></li>
</ul>

.active 就是你要加的样式

$("#ull li a").click(funtion(){
$("#ull li a[class*='active']").removeClass("active");
$(this).addClass("active");
});
第2个回答  2012-04-21
下个jquery的帮助文档好好看看,,,jQuery实现这个功能很简单的...追问

大哥,能不能详细解说下,不胜感激!

追答

把问题描述清楚点...
三个按钮a,b,c,
点击a按钮时a按钮添加样式a
点击b按钮时去除a按钮的样式a然后b按钮添加样式b?
点击c按钮时去除a,b按钮的样式,然后c按钮添加样式c???
这是我的理解...你问题描述的不清楚....

追问

对,就是这样,我写了一段代码
$('a[href$=".html"]').hover(function () {
$(this).addClass('selected');
}, function () {
$(this).removeClass('selected');
});
但这个不能满足我的要求,我想就是在执行完 $(this).addClass('selected');之后,要我我执行下一个操作时再执行 $(this).removeClass('selected');

追答

你用hover干嘛?hover是鼠标移上去和移出来时触发...
直接为每个按钮绑定一个click事件不就行了...

本回答被提问者采纳

用jquery写一个下拉菜单,打开页面时A菜单是展开状态,点击B菜单收起A菜单...
打开网页时时显示的<\/li> <\/ul> <\/li> <li> <a>B一级菜单<\/a> <ul> <li>隐藏的二级菜单项<\/li> <\/ul> <\/li><\/ul><script src="https:\/\/cdn.bootcss.com\/jquery\/2.2.2\/jquery.min.js"><\/script><script>var a = $("ul.main a");a.on("click",...

用jquery怎么写这个 当点击一个按钮时会出现一个信息框 然后再点击空白...
你好 其实这中间涉及到 两个事件 一个 点击事件 一个 失去焦点事件(点击空白 消息框自然就不是焦点了所以用这个事件)假设 按钮 id=a 信息框 id=b ("#a").click(function(){ ("#b").show();})("#b").blur(function(){ (this).hide();});希望能帮到你 谢谢 ...

jquery一段时间内点击 button只执行一次click事件 怎么写?
方法有多种。主要是看需求。一般可以直接用setTimeout来实现。在点击的同时,增加一个样式到点击按钮,然后用setTimeout来删除这个判断性样式即可。('#xxx').click(function(){ if(!$(this).hasClass('Onclick')){ \/\/样式不存在 (this).addClass('Onclick');\/\/添加判断样式 \/\/按钮执行内容 s...

a标签按钮(多个),点击A按钮 下面显示内容,点击B按钮 下方关闭A内容 显示...
用了jquery,代码如下:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Test<\/title><style type="text\/css">.button {background-color: #5bc0de;border-radius: 5px;color: white;padding: .5em;text-decoration: none;}.button:focus,.button:hover {background-color: #46b8...

jquery mobile的按钮事件的问题!点击一个按钮其他按钮就不能按_百度...
就是给那些按钮加个$("input.xx").prop('disabled',"true")即可 ,取消$("input.xx").prop('disabled',"false");如果要想样式上明显变化 最好自己写个class 你可以给你需要控制的按钮都加一个相同的class <input type="button" class="a" value="被控制的按钮1"><input type="button" ...

怎么点击一个div改变另一个div的样式,再点击变回来?
思路,定义一个类on 里面属性是transform:rotete(-45deg);当点击a的时候判断b是否有on这个类 如果有移除 如果没有添加。基本代码如下,仅供参考 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples<\/...

jquery实现点击添加class类事件和切换内容事件
我的没报错 jQuery 用的3.1版本 360安全浏览器用的是 9.1版本

jquery中,怎么实现一个按钮按下去不可选了但是按了别的之后又可选_百度...
function(){ $(this).click(function(){ $(this).attr("disabled", true).prop("disabled", true).siblings().attr("disabled", false).prop("disabled", false); }); });});<form><input type="button" value="a"\/><input type="button"...

asp折叠菜单(怎么实现点击一个打开,另一个收起) 同时转动别的页面还保存...
百度搜索“jquery 手风琴菜单”,参照着可以做下 参考资料:<a href="http:\/\/d.lanrentuku.com\/down\/js\/daohang-864\/" target="_blank" rel="nofollow noopener">http:\/\/d.lanrentuku.com\/down\/js\/daohang-864\/<\/a>

html如何点击按钮跳转页面,并且更改跳转过后页面中某些标签的样式 求...
ischange=1"; }<\/script>但是你想要直接更改跳转之后的页面样式,那样是行不通的,比如,你从A页面跳转到B页面,这时候浏览器已经重新加载成B页面了,所以A页面里的JS已不存在。变通办法,跳转时加个参数,比如B.jsp?ischange=1,然后在B页面里根据是否传了这参数来决定更改某些标签的样式 ...

相似回答