初试jquery

同事送我一本jquery的书，之前一直想学javascript可是看了半天完全无感，正好借着这个机会学学jquery也是不错的，周末在家啃了20多页，其实只是看了看选择器和部分包装集内容，转过天来上班之前做的页面有bug，心想正好拿来练练jquery吧，于是硬逼着自己上阵，在垂头丧气沉睡了半个小时后，突然开窍完成了页面功能，并做了改进。

页面是一个评价页面，功能包括加载数据，并提交表单，加载数据部分没什么问题，主要是交互部分，需要做到字数检查提示，按钮效果，星星打分效果与取值。处理逻辑是打开页面后，在textarea中输入文字，点击提交按钮时检查字数，如果不满足条件则提示，并将按钮变灰。

之后我做了修改，加载完页面按钮是灰色，在输入文字时keyup事件中检测字数，如果满足条件则按钮变亮，可以点击提交，叫来测试同事问这种交互方式可不可以，回答挺好。

<script type="text/javascript">

$("#CommentContent").keyup(function () {
    var commentContent = $("#CommentContent");
    if (commentContent.val().length >= 5 && commentContent.val().length <= 200) {
        $("div.Btn input").removeClass("btn3").addClass("btn9").removeAttr("disabled");
        $("span.rem-txt").text("");
    }
    else {
        $("span.rem-txt").text(commentContent.attr("data-val-length"));
    }
})

$("li>div.eva-star>span.star").click(function () {
    var nexts = $(this).nextAll().removeClass("star-y");
    var prevs = $(this).addClass("star-y").prevAll().addClass("star-y");
    var len = $(this).prevAll("span").length + 1;
    $("input#Score").val(len);
});

</script>

---

总结

• jquery的选择器太强大，以至于有时候不知道用哪种方式好
• 有点开窍了，还需要加强学习
• this没用成功，等提高了再找原因吧
• 今天才知道原来后端是敏感词，男人要做就做前端，出发