JavaScript与jQuery实现九九乘法表的多种方案

作者:异步漫步

时间:2026-10-24

浏览:220

本文介绍了使用JavaScript和jQuery两种技术实现九九乘法表的方法。重点展示了如何利用jQuery的链式语法和递归机制,在禁止常规循环语句的情况下生成乘法表,并通过事件触发实现循环终止。

文章目录

JavaScript实现九九乘法表

JavaScript实现的九九乘法表代码


<!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>99乘法表</title> </head> <body> </body> </html>


jQuery实现九九乘法表

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>  </head> <body>  </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口诀打出来。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章