javascript和jquery分别实现的九九乘法表代码

javascript实现的九九乘法表代码

99乘法表

for(var i=1;i");
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

jquery实现的九九乘法表代码

jquery 九九乘法表

$(document).ready(function(){

$("

").data('fact',8).css('margin','10px')
.appendTo(document.body)
.bind('error',function(){
$(this).parent().find("div:lt("+ ($(this).data('fact')) +")").eq(0)
.before($(this).clone(true).data('fact',$(this).data('fact') - 1))
.unbind('error')
.append(
$("

").data('fact',$(this).data('fact')).width(20).height(20)
.css('display','inline').css('margin','10px')
.appendTo($(this))
.bind('focus',function(){
$(this).text(($(this).data('fact') + 1) +
"x" +
($(this).parent().data('fact') + 1) +
"=" +
($(this).data('fact') + 1)*($(this).parent().data('fact') + 1)
)
.parent().find("p:lt("+ ($(this).data('fact')) +")").eq(0)
.before($(this).clone(true).data('fact',$(this).data('fact') - 1))
.unbind('focus')
.parent().find("p").eq(0).triggerHandler('focus');
}).triggerHandler('focus')
).parent().find("div").eq(0).triggerHandler('error');
}).triggerHandler('error');
});

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

用一行代码打印九九乘法表
展示了jQuery的级联语法，简介且功能强大
这个程序的要求：不能用if,for,var xx =等常见js代码。只能用jquery的链式代码。

于是，要生成99表，必然要递归。可递归必然有终止的条件，那就得有if(n==0)return这样的
代码，又是不被允许的。那么jquery怎么才能终止呢？我想到了用find(‘p:lt(n)')，n<0的时候
是会终止的。

而bind的使用，纯粹是为了递归循环。我们首先建立一个对象，绑定一个事件，无所谓了，比如error，然后在这个对象最后，triggerHandler一下，就能完成递归了。

这个程序有两个递归循环，外层的是建立九个，内层的是建立9个，在创建p的时候，把99口诀打出来。

您可能感兴趣的文章:

• JavaScript实现99乘法表及隔行变色实例代码
• jsp输出九九乘法表的简单实例
• JavaScript实现九九乘法表的简单实例
• JS实现上下左右对称的九九乘法表
• jsp/javascript打印九九乘法表代码
• 使用JavaScript实现一个小程序之99乘法表

Tags：javascript 九九乘法表

相关文章

• 2014-03-03js通过八个点 拖动改变div大小的实现方法
• 2015-01-01原生javascript实现图片按钮切换
• 2014-09-09JavaScript声明变量时为什么要加var关键字
• 2014-08-08Javascript 绘制 sin 曲线过程附图
• 2013-10-10js自动生成对象的属性示例代码
• 2009-08-08JavaScript 语言精粹学习笔记
• 2016-03-03编写高质量JavaScript代码的基本要点
• 2016-12-12详解微信小程序开发—你期待的分享功能来了，微信小程序序新增5大
• 2016-08-08纯css下拉菜单 无需js
• 2015-02-02javascript实现字符串反转的方法

最新评论