jQuery實現(xiàn)菜單欄前臺解耦,支持任意數(shù)量的按鈕,后臺可以通過枚舉類或者讀取properties文件判斷...
-> 把維護的工作交給他人
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.isChoosen {
color: yellowgreen;
}
</style>
</head>
<body>
<a href="javascript:void(0);" id="bind1">按鈕1</a>
<a href="javascript:void(0);" id="bind2">按鈕2</a>
<a href="javascript:void(0);" id="bind3">按鈕3</a>
<a href="javascript:void(0);" id="bind4">按鈕4</a>
<a href="javascript:void(0);" id="bind5">按鈕5</a>
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script>
$("a[id^='bind']").on("click", function() {
$("a[id^='bind']").removeClass("isChoosen");
$(this).addClass("isChoosen");
});
</script>
</body>
</html>
