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代表当前这个标签的引用;