javascript和jquery分別實(shí)現(xiàn)的九九乘法表代碼

更新時(shí)間：2010年03月15日 20:45:44 作者：

javascript 九九乘法表附j(luò)query 實(shí)現(xiàn)的九九乘法表代碼

javascript實(shí)現(xiàn)的九九乘法表代碼

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

jquery實(shí)現(xiàn)的九九乘法表代碼

<!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需再刷新一下頁(yè)面才能執(zhí)行]

用一行代碼打印九九乘法表
展示了jQuery的級(jí)聯(lián)語(yǔ)法，簡(jiǎn)介且功能強(qiáng)大
這個(gè)程序的要求：不能用if,for,var xx =等常見(jiàn)js代碼。只能用jquery的鏈?zhǔn)酱a。

于是，要生成99表，必然要遞歸?？蛇f歸必然有終止的條件，那就得有if(n==0)return這樣的
代碼，又是不被允許的。那么jquery怎么才能終止呢？我想到了用find(‘p:lt(n)')，n<0的時(shí)候
是會(huì)終止的。

而bind的使用，純粹是為了遞歸循環(huán)。我們首先建立一個(gè)對(duì)象，綁定一個(gè)事件，無(wú)所謂了，比如error，然后在這個(gè)對(duì)象最后，triggerHandler一下，就能完成遞歸了。

這個(gè)程序有兩個(gè)遞歸循環(huán)，外層的是建立九個(gè)，內(nèi)層的是建立9個(gè)，在創(chuàng)建p的時(shí)候，把99口訣打出來(lái)。

您可能感興趣的文章:

相關(guān)文章

(跨瀏覽器基礎(chǔ)事件/瀏覽器檢測(cè)/判斷瀏覽器)經(jīng)驗(yàn)代碼分享
一些js代碼，自己備用的,高手不要笑話我。（跨瀏覽器基礎(chǔ)事件，瀏覽器檢測(cè)，判斷瀏覽器的名稱、版本號(hào)、操作系統(tǒng)）等等，很實(shí)用的，方便自己使用，感興趣的朋友可以了解下，希望本文對(duì)你有所幫助
2013-01-01
js中net::ERR_FILE_NOT_FOUND報(bào)錯(cuò)的解決
本文主要介紹了js中net::ERR_FILE_NOT_FOUND報(bào)錯(cuò)的解決，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-07-07
一個(gè)簡(jiǎn)單不報(bào)錯(cuò)的summernote 圖片上傳案例
下面小編就為大家?guī)?lái)一篇一個(gè)簡(jiǎn)單不報(bào)錯(cuò)的summernote圖片上傳案例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07
location.href 在IE6中不跳轉(zhuǎn)的解決方法與推薦使用代碼
在js中，我們經(jīng)常使用location.href來(lái)實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)，為了方便我們寫成函數(shù)。下面就分別說(shuō)明下，下面的一些代碼的實(shí)現(xiàn)問(wèn)題。
2010-07-07
javascript設(shè)計(jì)模式 – 代理模式原理與用法實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 代理模式,結(jié)合實(shí)例形式分析了javascript代理模式相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
解決layui中的form表單與button的點(diǎn)擊事件沖突問(wèn)題
今天小編就為大家分享一篇解決layui中的form表單與button的點(diǎn)擊事件沖突問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
js實(shí)現(xiàn)TAB切換對(duì)應(yīng)不同顏色的代碼
這篇文章主要介紹了js實(shí)現(xiàn)TAB切換對(duì)應(yīng)不同顏色的代碼,涉及javascript頁(yè)面元素的遍歷及樣式的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
JS+Canvas繪制動(dòng)態(tài)時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了JS+Canvas繪制動(dòng)態(tài)時(shí)鐘效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
javascript之對(duì)系統(tǒng)的toFixed()方法的修正
javascript之對(duì)系統(tǒng)的toFixed()方法的修正...
2007-05-05
JS+HTML實(shí)現(xiàn)自定義上傳圖片按鈕并顯示圖片功能的方法分析
這篇文章主要介紹了JS+HTML實(shí)現(xiàn)自定義上傳圖片按鈕并顯示圖片功能的方法,結(jié)合實(shí)例形式分析了JavaScript圖片上傳、編碼轉(zhuǎn)換等相關(guān)操作技巧,需要的朋友可以參考下
2020-02-02