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

jquery实现点击a标签后添加背景颜色,第1张

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标签。

在css中加上下面代码就可以了

a:link,a:visited{color:#ffffff}

当然最好定义这个导航的Class的连接样式。比如你的这个导航条写是 class="dh",就写

.dh a:link,.dh a:visited{color:#ffffff}

把需要变换的背景写成class,如.bgcolor{background:#444}a标签最好放在一个容器里面,如一个div,暂且用id标识它123单击a标签的时候把这个class添加到a标签上面去就行了,当然,为了美观,a标签里面还可以嵌套其它标签$("#tita").click(function{e.preventDefault()//阻止a标签的默认事件$(this).addClass("bgcolor")//为当前标签添加bgcolor类$(this).siblings().removeClass("bgcolor")//移除当前元素的同级元素的bgcolor类})上面的代码都是手打的,可能有误,在编辑器里面应该由提示吧。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11892969.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存