jquery实现点击a标签后添加背景颜色 10

左侧是导航.右侧是导航相应的展示框架.现在想在不给导航的a标签内加ID的情况下实现ABCDEFGHIJK这几个导航点击A(也就是当右侧框架展示A页面时)A的标签背景颜色通... 左侧是导航.右侧是导航相应的展示框架.
现在想在不给导航的a标签内加ID的情况下 实现
A B C D E F G H I J K 这几个导航 点击A(也就是当右侧框架展示A页面时)A的标签背景颜色通过JQ来实现添加.当点击B的标签时候.A恢复默认.B标签实现背景颜色通过JQ来实现添加.

注意是在不用给<a>标签加ID 的情况下可以实现吗? 因为太多了 如果用each的话 会很麻烦.
展开
 我来答 举报
百度网友faadf46
高粉答主

2020-05-14 · 说的都是干货,快来关注
知道答主
回答量:4556
采纳率:0%
帮助的人:75.5万
展开全部

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用p标签创建一个区域,下面将在p标签内添加一个a标签。

3、在test.html文件内,设置p标签的id为mytest,主要用于下再通过该id获得p标签对象。

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“添加一个a标签”。

5、在test.html文件内,给button按钮绑定onclick点击事件,当按钮被点击时,执行addaa()函数。

6、在js标签中,创建addaa()函数,在函数内,创建一个变量html保存要添加的a标签,再使用append()方法向被选对象(p标签)内添加一个a标签。

百度网友5b2d7dc
推荐于2017-06-16 · 知道合伙人软件行家
百度网友5b2d7dc
知道合伙人软件行家
采纳数:46 获赞数:198
福建省中秀网络科技有限公司核心技术工程师

向TA提问 私信TA
展开全部

举个例子假设你nav标签下有这么多的a标签。现在代码开始

1
2
3
4
$('nav a').on('click',function(e){
    event.preventDefault();
    $(this).css('background','#000').siblings().css('background','#fff');
});
本回答被网友采纳
5 已赞过 已踩过<
你对这个回答的评价是?
评论(1) 举报 收起
1035063420
2013-08-27 · 超过15用户采纳过TA的回答
知道答主
回答量:96
采纳率:0%
帮助的人:47.6万
展开全部
给每个A加click事件,用$(this)来改变当前的背景颜色,其他的都把背景颜色去掉 然后点击B的时候再把所有的A标签的背景颜色去掉即可
追问
可以给个具体的实例吗?
1 已赞过 已踩过<
你对这个回答的评价是?
评论(1) 举报 收起
一蘅新
2013-08-27 · TA获得超过2359个赞
知道大有可为答主
回答量:2547
采纳率:0%
帮助的人:1601万
展开全部
把需要变换的背景写成class,如

.bgcolor{background:#444}
a标签最好放在一个容器里面,如一个div,暂且用id标识它<div id="tit"><a>1</a><a>2</a><a>3</a></div>
单击a标签的时候把这个class添加到a标签上面去就行了,当然,为了美观,a标签里面还可以嵌套其它标签
$("#tit a").click(function{
e.preventDefault();//阻止a标签的默认事件

$(this).addClass("bgcolor");//为当前标签添加bgcolor类

$(this).siblings().removeClass("bgcolor");//移除当前元素的同级元素的bgcolor类
});
上面的代码都是手打的,可能有误,在编辑器里面应该由提示吧。
追问

试了一下没有任何效果呢..

本回答被网友采纳
5 已赞过 已踩过<
你对这个回答的评价是?
评论(2) 举报 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式