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

更新时间：2010年03月15日 20:45:44 作者：

javascript 九九乘法表附jquery 实现的九九乘法表代码

javascript实现的九九乘法表代码

jquery实现的九九乘法表代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jquery 九九乘法表</title> <script src="http://img.jb51.net/jslib/jquery/jquery.js"></script> </head> <body> <script language="javascript"> $(document).ready(function(){ $("<div>").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( $("<p>").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'); }); </script> </body> </html>

[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中实现trim()函数的两种方法
这篇文章主要介绍了Javascript中实现trim()函数的两种方法,本文直接给出实现代码和使用方法,需要的朋友可以参考下
2015-02-02
JavaScript之cookie技术详解
这篇文章主要为大家详细介绍了JavaScript之cookie技术,运用JS设置cookie、读取cookie、删除cookie ,需要的朋友可以参考下
2016-11-11
js跨浏览器实现将字符串转化为xml对象的方法
将字符串转化为xml对象需要注意的是该死的ie多版本的问题，具体实现如下，感兴趣的朋友不妨参考下本文，希望对大家有所帮助
2013-09-09
IE6图片加载的一个BUG解决方法
小图整合在一张大图里，然后在不同的CSS里调用同一张图片，以此来减少请求数，这是页面优化最常用的手段，但IE6会对页面里同一个图片，只要在不同的地方有引用到就会重新请求一次，需要加JS代码解决。
2010-07-07
javascript:window.open弹出窗口的位置问题
这篇文章主要介绍了javascript:window.open弹出窗口的位置问题,需要的朋友可以参考下
2014-03-03
JavaScript是否可实现多线程深入理解JavaScript定时机制
JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感,
2009-12-12
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
这篇文章主要介绍了基于Bootstrap使用jQuery实现输入框组input-group的添加与删除的相关资料,需要的朋友可以参考下
2016-05-05
JS实现电影票选座的项目示例
电影院选座基本上每个人都用到过，本文主要介绍了JS实现电影票选座的项目示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-04-04
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
在原页面一张图片上添加了一个链接，链接中有中文，于是在跳转过程中出现中文乱码问题，下面给大家分享下解决方案
2016-12-12
Typescript中索引签名使用详解
这篇文章主要介绍了Typescript中索引签名使用详解,需要的朋友可以参考下
2023-08-08