jQuery技术

Jquery学习,一道笔试题:关于表格【最近记】

字号+ 作者:H5之家 来源:H5之家 2016-01-18 11:02 我要评论( )

九月份的一次笔试中,看到一道web编程题,当时只是想着用jquery应该很好实现,但是对知识不是很熟,所以随便写写,回头又一直在想这件事,就开始一直在想着,想来想去都觉得有些障碍,后来问了一下flash的同学,他说他是用重绘的方式,昨天去吃饭的路上突然

九月份的一次笔试中,看到一道web编程题,当时只是想着用jquery应该很好实现,但是对知识不是很熟,所以随便写写,回头又一直在想这件事,就开始一直在想着,想来想去都觉得有些障碍,后来问了一下flash的同学,他说他是用重绘的方式,昨天去吃饭的路上突然就想到了= =特此一记:

画一个10*10的表格,value为1~100;当双击单元格时,该单元格消失,其后的单元格前进补充单元格,若使行结尾单元格,则由下行首单元格顶上,最后一行最后的单元格补充单元格(元素为0)

采取语言javascript,框架库JQuery,

算法思想:事件响应采取重绘思想;

数组存储单元格元素,当双击单元格时采取事件响应方式,在相对应的数组元素中value置0;

打印时每打印十个则换行,当遍历到数组的value为0的元素时跳过,遍历完后根据存储事件响应次数的值打印0.

i=0,tdNum=0,nThrow=0;
(i=0;i<100;i++){
(tdNum==10){
$((idHide){
(tdNum==10){
(i=0;i<nThrow;i++){
48 if(tdNum==10){
49 tdNum=0;
50 cur+="</tr><tr>";
51 }
52 cur+="<td>你妹</td>";
53 tdNum++;
54 }
55 cur+="</tr>";
56 $("table#t1").append(cur);
57 });
58
59 $("p#a").click(function(){
60 $(this).append($("div#dtest"));
61 });
62
63 });



 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
o