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实现字符串反转的方法

最新评论

时间: 2010-03-12

jsp/javascript打印九九乘法表代码

jsp表达式方式: 复制代码 代码如下: <center> <table border="1"> <% for (int i = 1; i <= 9; i++) { %> <tr> <% for (int j = 1; j <= 9; j++) { %> <td> <% if (j <= i) { %> <%=i%>*<%=i%>=<%=i * j%>

JS实现上下左右对称的九九乘法表

九九乘法表使用很多种语言都可以实现.本文讲述JavaScript中常用的两种循环(For.While)来完成这四种对称的九九乘法表,这个例子是一个练习循环基础很好的方法,由于排版上对不整齐,因此循环了一个表格. 一.左下角为度的梯形乘法表: For循环代码 document.write("<table width='' border='>"); for(var i=; i<=; i++){ document.write("<tr>");

JavaScript实现九九乘法表的简单实例

每个学过编程的人都写过"HelloWorld" 但99乘法表,我想也应该成为每个编程初学者的必编程序 这是JavaScript的实现方法,非常适合初学者!!! 以下是代码及注释 <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript九

JavaScript实现99乘法表及隔行变色实例代码

项目需求:实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if和switch两种判断方式都能实现: 额,分析一下实例要求:一个99乘法表,一个多方法的隔行变色,鼠标滑过变另外一个颜色,离开恢复原色. 嗯,我们一步步来吧! 99乘法表的实现,我相信很多人都知道怎么实现,无非是2个for循环得到的结果,这里我就不多做解释,还不理解的同学可以仔细研究一下代码,研究一

使用JavaScript实现一个小程序之99乘法表

废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html> <html> <head> <title>99乘法表</title> <meta charset="utf-8"> </head> <body> <script type="text/javascript"> for (var i = 1; i <= 9; i++) {

jsp输出九九乘法表的简单实例

<% String st = ""; for(int i = 1; i <= 9; i++){ for(int j = 1; j <= i; j++){ st += j+"x"+i+"="+i*j; st += "  "; } st += "<br>"; } %> <table width="400" height="200"

JSP生成九九乘法表的简单实例

JSP生成九九乘法表的简单实例 一 用表达式和脚本方式实现九九乘法表 <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://&quo

基于c#实现的九九乘法表(简单实例)

话不多说,跟着小编来看下实现代码吧 static void Main(string[] args) { for (int i = 1; i < 10; i++) { for (int s = 1; s <= i; s++) { Console.Write(s + "*" + i + "=" + i * s + " "); if (i == s) { Console.Write("\n"); } } } Consol

使用Lable控件输出九九乘法表

利用Lable控件输出九九乘法表,具体内容如下 首先建立一个空网站,之后选择添加新项,添加一个Web窗体. 进入.aspx文件之后,在设计界面中添加9个Lable控件.Lable控件在标准组中.得到的源代码是这样的. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebForm4.aspx.cs" Inherits="WebForm4" %> <

java 输出九九乘法表口诀的代码

题目:输出9*9口诀. 程序分析:分行与列考虑,共9行9列,i控制行,j控制列. 程序设计: public class jiujiu { public static void main(String[] args) { int i=0; int j=0; for(i=1;i<=9;i++) { for(j=1;j<=9;j++) System.out.print(i+"*"+j+"="+i*j+"\t"); System.out.pr

PHP输出九九乘法表代码实例

<!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-

利用Python循环(包括while&for)各种打印九九乘法表的实例

一.for循环打印九九乘法表 #注意:由于缩进在浏览器不好控制,请大家见谅,后续会有图片传入. 1.1 左下角 for i in range(1,10): for j in range(1,i+1): print('%d*%d=%2d\t'%(j,i,i*j),end='') print() 效果图: 1.2 右下角 for i in range(1,10): for k in range(i+1,10): print(end=' ') #此处为返回八个空格,请注意 for j in range

python九九乘法表的实例

python2.7 for i in range(1,10): for j in range(1,i+1): print j,'x',i,'=',j*i,'\t', print '\n' print '\nDone' python3.7 i = 1 while i<=9: j = 1 while j<=i: print ("%d*%d=%-2d "%(j,i,j*i),end="") j+=1 print("") i+=1 以上这篇p