第一次写JQuery页面

<title>发布案例</title>
    <script src="../Scripts/jquery.js" type="text/javascript"></script>
    <style type="text/css">
        .txtNoBorder
        {
            border: 0 solid;
        }
        .EvidenceNumber
        {
         font-size:13px;
        }
    </style>
    <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $("#btnAddCaseMatPro").click(function () {
                $("#tbCaseMatPro").show();
            });

            $("#btnAddEvidence").click(function () {
                $("#tbEvidence").show();
            });

            $("#btnEvidenceCancle").click(function () {
                $("#tbEvidence").hide();
            });

            $("#btnCaseMatPrCancle").click(function () {
                $("#tbCaseMatPro").hide();
            });

            // 添加案件过程
            $("#btnCaseMatPro").click(function () {
                var caseTime = $("#<%=txtCaseTime.ClientID %>").val();
                var personThing = $("#<%=txtPersonThing.ClientID %>").val();
                var result = $("#<%=txtResult.ClientID %>").val();

                var itemtemplate = $("#trCaseMatProTemplate").clone();
                var isModify = $("#hdProSender").val();

                if (isModify != "") {
                    var tr = $("#" + isModify).parent().parent();
                    tr.after(itemtemplate);
                    tr.remove();
                }
                else {
                    $(itemtemplate).appendTo($("#tbShowCaseMatPro"));
                    var btnEdit = $("#tbShowCaseMatPro #trCaseMatProTemplate").find("input[name='btneditCaseMatPro']");
                    var date = new Date()
                    $(btnEdit).attr("id", $(btnEdit).attr("id") + date.getYear() + date.getMonth() + date.getDate() + date.getHours() + date.getMinutes() + date.getSeconds());
                }

                //设置显示
                $("#tbShowCaseMatPro #trCaseMatProTemplate").find("#tdCaseTime").text(caseTime);
                $("#tbShowCaseMatPro #trCaseMatProTemplate").find("#ttPersonThing").val(personThing);
                $("#tbShowCaseMatPro #trCaseMatProTemplate").find("#ttResult").val(result);

                //设置隐藏域
                $("#tbShowCaseMatPro #trCaseMatProTemplate").find("input[name='hdCaseTime']").val(caseTime);
                $("#tbShowCaseMatPro #trCaseMatProTemplate").find("input[name='hdPersonThing']").val(personThing);
                $("#tbShowCaseMatPro #trCaseMatProTemplate").find("input[name='hdResult']").val(result);

                $("#tbShowCaseMatPro #trCaseMatProTemplate").find("#ttPersonThing").removeAttr("id");
                $("#tbShowCaseMatPro #trCaseMatProTemplate").find("#ttResult").removeAttr("id");
                $("#tbShowCaseMatPro").find("#trCaseMatProTemplate").removeAttr("id");
                $("#tbShowCaseMatPro").find("#tdCaseTime").removeAttr("id");

                $("#tbCaseMatPro").hide();
                ClearCaseMatPro();
            });

            // 添加和编辑证据
            $("#btnEvidence").click(function () {
                var evidenceName = $("#<%=txtEvidenceName.ClientID  %>").val();
                var infoContent = $("#<%=txtInfoContent.ClientID  %>").val();
                var sourceID = $("#<%=dropSource.ClientID  %>").val();
                var source = $("#<%= dropSource.ClientID %>").find("option:selected").text();
                var materialType = $("#<%= dropMaterialType.ClientID %>").find("option:selected").text();
                var materialTypeID = $("#<%=dropMaterialType.ClientID  %>").val();
                var pageNumber = $("#<%=txtPageNumber.ClientID  %>").val();

                var itemtemplate = $("#trEvidenceTemplate").clone();

                var last = parseInt($("#hfLastNumber").val());
                var isModify = $("#hdEvidenceSender").val();

                if (isModify != "") {
                    var tr = $("#" + isModify).parent().parent();

                    last = tr.find(".EvidenceNumber").text();
                    tr.after(itemtemplate);
                    tr.remove();
                }
                else {
                    last = last + 1;
                    $("#<%=hfLastNumber.ClientID %>").val(last);
                    $(itemtemplate).appendTo($("#tdShowEvidence"));
                    var btnEdit = $("#tdShowEvidence #trEvidenceTemplate").find("input[name='btneditEvidence']");
                    var date = new Date()
                    $(btnEdit).attr("id", $(btnEdit).attr("id") + date.getYear() + date.getMonth() + date.getDate() + date.getHours() + date.getMinutes() + date.getSeconds());
                }

                //设置显示
                $("#tdShowEvidence #trEvidenceTemplate").find("#tdNumber").text(last);
                $("#tdShowEvidence #trEvidenceTemplate").find("#tdEvidenceName").text(evidenceName);
                $("#tdShowEvidence #trEvidenceTemplate").find("#ttInfoContent").val(infoContent);
                $("#tdShowEvidence #trEvidenceTemplate").find("#tdMaterialSouce").text(source);
                $("#tdShowEvidence #trEvidenceTemplate").find("#tdMaterialType").text(materialType);
                $("#tdShowEvidence #trEvidenceTemplate").find("#tdPageNumber").text(pageNumber);

                //设置隐藏域
                $("#tdShowEvidence #trEvidenceTemplate").find("input[name='hdEvidenceName']").val(evidenceName);
                $("#tdShowEvidence #trEvidenceTemplate").find("input[name='hdInfoContent']").val(infoContent);
                $("#tdShowEvidence #trEvidenceTemplate").find("input[name='hdMaterialSouceID']").val(sourceID);
                $("#tdShowEvidence #trEvidenceTemplate").find("input[name='hdMaterialTypeID']").val(materialTypeID);
                $("#tdShowEvidence #trEvidenceTemplate").find("input[name='hdPageNumber']").val(pageNumber);

                $("#tdShowEvidence #trEvidenceTemplate").find("#tdNumber").removeAttr("id");
                $("#tdShowEvidence #trEvidenceTemplate").find("#tdEvidenceName").removeAttr("id");
                $("#tdShowEvidence #trEvidenceTemplate").find("#ttInfoContent").removeAttr("id");
                $("#tdShowEvidence #trEvidenceTemplate").find("#tdMaterialType").removeAttr("id");
                $("#tdShowEvidence #trEvidenceTemplate").find("#tdPageNumber").removeAttr("id");
                $("#tdShowEvidence").find("#trEvidenceTemplate").removeAttr("id");

                ClearEvidence();
                $("#tbEvidence").hide();
            });
        });

        // 添加后清空案件过程中控件
        function ClearCaseMatPro() {
            $("#<%=txtCaseTime.ClientID %>").val("");
            $("#<%=txtPersonThing.ClientID %>").val("");
            $("#<%=txtResult.ClientID %>").val("");
            $("#hdProSender").val("");
        }

        // 添加证据后清空控件
        function ClearEvidence() {
            $("#<%=txtEvidenceName.ClientID %>").val("");
            $("#<%=txtInfoContent.ClientID %>").val("");
            $("#<%=dropSource.ClientID %>").get(0).selectedIndex = 0;
            $("#<%=dropMaterialType.ClientID %>").get(0).selectedIndex = 0;
            $("#<%=txtPageNumber.ClientID %>").val("");
            $("#hdEvidenceSender").val("");
        }

        // 编辑办案过程
        function EditCaseMatPro(sender) {
            var caseTime = $(sender).parent().find("input[name='hdCaseTime']").val();
            var personThing = $(sender).parent().find("input[name='hdPersonThing']").val();
            var result = $(sender).parent().find("input[name='hdResult']").val();
            $("#<%=txtCaseTime.ClientID %>").val(caseTime);
            $("#<%=txtPersonThing.ClientID %>").val(personThing);
            $("#<%=txtResult.ClientID %>").val(result);
           
            $("#hdProSender").val($(sender).attr("id"));
            $("#tbCaseMatPro").show();
        }
        // 编辑证据
        function EditEvidence(sender) {
           
            var materialSouceID = $(sender).parent().find("input[name='hdMaterialSouceID']").val();
            var materialTypeID = $(sender).parent().find("input[name='hdMaterialTypeID']").val();
            var evidenceName = $(sender).parent().find("input[name='hdEvidenceName']").val();
            var infoContent = $(sender).parent().find("input[name='hdInfoContent']").val();
            var pageNumber = $(sender).parent().find("input[name='hdPageNumber']").val();
           
            $("#<%=txtEvidenceName.ClientID %>").val(evidenceName);
            $("#<%=txtInfoContent.ClientID %>").val(infoContent);
            $("#<%=dropSource.ClientID %>").get(0).value = materialSouceID;
            $("#<%=dropMaterialType.ClientID %>").get(0).value = materialTypeID;
            $("#<%=txtPageNumber.ClientID %>").val(pageNumber);

            $("#hdEvidenceSender").val($(sender).attr("id"));
            $("#tbEvidence").show();
        }

        // 删除办案过程
        function RemovePro(sender) {
            if (confirm("您要删除此项吗？")) {
                $(sender).parent().parent().remove();
            }
        }

        // 删除证据
        function RemoveEvidence(sender) {
            if (confirm("您要删除此项吗？")) {
                $(sender).parent().parent().remove();

                // 调整序号
                $("#tdShowEvidence").find(".EvidenceNumber").each(function (index, date) {
                    $(date).text(index + 1);
                });
            }
        }
    </script>
</head>
<body>
    <form />
            </td>
        </tr>
    </table>
    </form>
</body>
</html>