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

<a>标签默认文字是蓝色,点过后是文字是紫色,想改变标签文字颜色设置方法如下:

a{color:black} /*设置默认颜色*/

a:link {color:blue} /*未访问颜色*/

a:visited {color:gray} /*已访问颜色*/

a:hover {color:red} /*悬浮(鼠标经过)时颜色*/

a:active {color:yellow} /*点击时的颜色*/

背景颜色颜色设置:

a {background-color: red}


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存