你代码逻辑写错了，删除后的长度指的是字符串"内容：" 的长度，只会永远为3，细心点。更正后的js代码如下

  <script type="text/javascript">
            $(function () {
                $("#btnShow").bind("click", function () {
                    $(".tip").html("");
                    var strTmp = "内容：";
                    var strOld = $("#txtName").val();
                    var strNew =$.trim(strOld);    //此处为strOld而非strTmp
                    strTmp += strOld;
                    strTmp += "<br/><br>除掉空格符前的长度："
                    strTmp += strOld.length;
                    strTmp += "<br/><br>除掉空格符后的长度："
                    strTmp += strNew.length;
                    $(".tip").show().append(strTmp);
                });
            });
        </script>