JQuery(22)——练习：十秒钟后协议文本框下的注册按钮才能点击、搜索框效果、动态创建评论、加法计算器

1、加法计算器。两个文本框中输入数字，点击【=】按钮将相加的结果放到第三个文本框中。attr(“”),val()。别问“jquery中怎么样把字符串解析为int”。

2、十秒钟后协议文本框下的注册按钮才能点击，时钟倒数。设置可用性等JQuery未封装方法：attr(“”)。别问jquery中怎么用定时器。

3、练习：搜索框效果。焦点放入控件，如果文本框中的值是“请输入关键词”，那么将文本清空，并且颜色设置为黑色。如果焦点离开控件，如果文本框中是空值，那么将文本框填充为“请输入关键词”，颜色设置为灰色（Gray）。颜色定义为class样式。

4、动态创建评论。思路：先动态创建Dom节点，再append。

5、案例：选择球队。被悬浮行高亮显示（背景是红色），点击球队将它放到另一个的球队列表。

6、案例赏析：自绘Select，进入。

7、案例：实现自绘的ComboBox

function beauty(ctrlId) {
            var ctrl = $("#" + ctrlId);
            var ischeck = ctrl.attr("checked");
            var spanCheckBox = $("<span><img/><label></label></span>");
            if (ischeck) {
                $("img", spanCheckBox).attr("src", "images/check.JPG");                
            }
            else {
                $("img", spanCheckBox).attr("src", "images/uncheck.JPG");
            }
            $("label", spanCheckBox).text(ctrl.attr("title"));
            ctrl.parent().append(spanCheckBox);
            ctrl.hide();         
        }
        $(function() {
             beauty("cb1");
        })

 

8、程序员一天标准代码量：200行。