点击A标签使其改变颜色

简介:

<script type="text/javascript">


             $( "a" ).click( function  () {
                 clearClass();
                 $( this ).addClass( "bg_color" );
             });
             function  clearClass() {
                 $( "a" ).each( function  () {
                     $( this ).removeClass( "bg_color" );
                 });
             }

        </script>




  <style type= "text/css" >
         .bg_color
         {
             cursor : pointer ;//鼠标显示效果,小手

            color:Red;

            font-weight:bold;//加粗

         }
</style>
本文转自 潜心笃志 51CTO博客,原文链接:http://blog.51cto.com/82711020/1974157
相关文章
|
8月前
|
JavaScript
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
222 1
|
5月前
Axure 弹出框遮罩层灯箱效果
Axure 弹出框遮罩层灯箱效果
54 0
|
6月前
|
前端开发 JavaScript
Elementplus如何使面包屑往左边移动,右边头像下拉菜单如何写,下拉菜单如何靠中一点,下拉菜单出现文字不对齐怎么办,如何设置鼠标样式,如何使用阿里妈妈icon,如何点击icon全屏
Elementplus如何使面包屑往左边移动,右边头像下拉菜单如何写,下拉菜单如何靠中一点,下拉菜单出现文字不对齐怎么办,如何设置鼠标样式,如何使用阿里妈妈icon,如何点击icon全屏
Elementplus如何使面包屑往左边移动,右边头像下拉菜单如何写,下拉菜单如何靠中一点,下拉菜单出现文字不对齐怎么办,如何设置鼠标样式,如何使用阿里妈妈icon,如何点击icon全屏
|
7月前
|
前端开发
CSS动画(毛玻璃按钮)
CSS动画(毛玻璃按钮)
|
7月前
|
JavaScript
原生JS实现全选、全不选
原生JS实现全选、全不选
|
8月前
|
前端开发
css样式实现一个滑动按钮
css样式实现一个滑动按钮
65 0
|
前端开发
前端切图|点击按钮div变色
前端切图|点击按钮div变色
58 0
|
JavaScript
原生js实现全选全不选
原生js实现全选全不选
59 0
|
缓存 JavaScript 前端开发
如何解决超链接被点击后hover样式不出现的问题?
如何解决超链接被点击后hover样式不出现的问题?
749 0
|
Android开发 UED
完美解决android软键盘挡住输入框方法,还不顶标题栏
完美解决android软键盘挡住输入框方法,还不顶标题栏
1443 0
完美解决android软键盘挡住输入框方法,还不顶标题栏