JQuery改变表格样式，以及规范命名

我又来了，将上次的代码优化了一下，按照公司的命名规则，写成了如下、

包含文件head.jsp内容如下。 <%@ include file="/jsp/common/head.jsp"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE>
<link
	href="${pageContext.request.contextPath }/JQuery/table/css/jquery.table.css"
	type="text/css" rel="stylesheet" />
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/JQuery/table/js/jquery.table.js"></script>

如图更新了一下命名规范，将需要用到的jQuery以及css放入相对应文件夹 以及属于某部分的样式名称文件夹。

资源文件链接：

jquery.table.css

jquery.table.js

```
<script type="text/javascript">
    $(function() {
    //根据表格ID选择相对应表格  change_table_tr_BackGroundColor
        $("table[id='t1']").change_table_tr_BackGroundColor({
            head : 'green',
            out : 'blue',
            over : 'yellow'
        });
        $("table[id='t2']").change_table_tr_BackGroundColor({
            head : 'pink',
            out : 'hui',
            over : 'red'
        });
    });
</script>
```
表格部分上一篇文章有代码，这篇就不贴了。

效果截图