JQuery改变所有相应元素样式的办法

1:先上知识点:
$(‘a[id^=“btn-”]’).css(“background-color”, “blue”);//所有id以“btn-”开头的标签,它的背景颜色都为blue;
$(‘a[class^=“link-”]’).css(“background-color”, “red”);//所有class为“link-”开头的标签背景颜色都是red;

2:伪代码如下:

<a id="btn-table" class="btn btn-default" "showTable(),SupendButtonClick(this);" authorize="yes">列表</a>
<a id="btn-chart" class="btn btn-default" "showGraph(),SupendButtonClick(this);" authorize="yes">图形</a>
  
				 function SupendButtonClick(obj) {
				        //清空其它同类按钮选中颜色
				        $('a[id^="btn-"]').css("background-color", "");
				        $('a[class^="link"]').css("background-color", "red");
				        //点击后变色
				        $(obj).css("background-color", "#5F9EA0");
				    }

3:结论:
当我们点击这个标签的时候,就会执行SupendButtonClick()方法,(这里还有showTable()方法,目的是为了记忆如何同 时调用两个方法),SupendButtonClick(this)这个this代表当前这个标签的引用;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值