Jquery+CSS在不使用Checked的狀況下實現當前選中行樣式變化

以前在作一個當前選中行樣式變化時發現網上不少方法都是利用在行內添加checked，而後經過checked是否選中來判斷當前選中行的位置，今天就整理了一個不須要在行內添加其餘按鈕直接經過變化當前選中行的背景顏色來區分是否選中。這個Demo裏面總共包含三個經常使用的樣式調整，分別是如下三個

1.給Table表單添加無縫隙邊框；這個功能以前有過整理，如今複習一下

2.將a標籤裏面的超連接樣式變成相同的，不會隨着鼠標點擊而變化；
3.不是使用Checked或Readio實現單向選中功能(如果多項能夠在點擊方法去掉刪除樣式的代碼便可)；

CSS源碼：

View Code

JS代碼及其文件：

<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript">
			function CheckeClick(trthis)
			{
				//自動去掉以前選中的記錄
				$(".Selected").each(function(){
					$(this).removeClass("Selected");
				});
				//設置當前選中行的樣式Selected
				$(trthis).addClass("Selected");
			}
</script>

　　HTML代碼

View Code

最終效果：