当前位置: 代码迷 >> 综合 >> JQuery(22)——练习:十秒钟后协议文本框下的注册按钮才能点击、搜索框效果、动态创建评论、加法计算器
  详细解决方案

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

热度:86   发布时间:2023-10-01 18:24:31.0

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行。

  相关解决方案