麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁(yè) > 編程 > JavaScript > 正文

Jquery 動(dòng)態(tài)循環(huán)輸出表格具體方法

2019-11-20 21:35:56
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
 實(shí)現(xiàn)功能:
1、有一個(gè)同學(xué)叫我實(shí)現(xiàn)一個(gè)這樣的功能就像PHP,在表單中輸入數(shù)字,然后網(wǎng)頁(yè)就出現(xiàn)相應(yīng)的數(shù)量;如果是PHP的話就簡(jiǎn)單多了,Jquery實(shí)現(xiàn)還是第一個(gè),就開(kāi)始狂的實(shí)驗(yàn),最后還是實(shí)現(xiàn)了(知識(shí)點(diǎn):Jquery創(chuàng)建節(jié)點(diǎn)、獲取表單的值、循環(huán)語(yǔ)句)
Jquery代碼:
復(fù)制代碼 代碼如下:

 <script type="text/javascript" language="javascript">
$(function(){
$("#btn").click(function(){ //選擇ID為btn的元素,添加點(diǎn)擊事件
var result = $("input[name='text']").val();  //獲取name為'text的文本框的值,并定義為變量result
$("div").remove(".abc"); //作用是:每次執(zhí)行時(shí)就把含有.abc這個(gè)類(lèi)的div刪除;

for(i=1;i<=result;i++){    //for循環(huán),定i=1,每次循環(huán)就加1; 當(dāng)i的值由1循環(huán)到等于result的值一樣時(shí)(即“文本框的name='text'的值”)就停止循環(huán)
var createobj = $("<div class='abc'>創(chuàng)建的節(jié)點(diǎn)</div>"); //把div定義為變量createobj
$("body").append(createobj); //把createobj這個(gè)變量追加到html中的'body'里
}

});
});
</script>

HTML代碼:

復(fù)制代碼 代碼如下:

<body>
<input type="text" id="text" name="text" />
<input type="button" id="btn" value="確定" />

</body>

CSS代碼:
復(fù)制代碼 代碼如下:

<style>
.abc {height:50px;width:50px; margin:20px;background:#ccc;}
</style>
發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 国产成人免费高清激情视频 | 免费男女乱淫真视频 | 国产成人视屏 | 91 在线免费观看 | 久久精品一区二区三区不卡牛牛 | 一级@片| 日本成人一二三区 | 欧美成人一区免费视频 | 国产最新网站 | 亚欧在线免费观看 | 国产精品久久久久久久av | 黄色毛片一级 | 九九视屏| 亚洲影院在线播放 | 一级外国毛片 | 精品一区二区三区电影 | 国产成人免费精品 | 热99热| 久久蜜臀一区二区三区av | av在线播放亚洲 | 国产www免费 | 中文字幕在线观看视频一区 | 欧美wwwsss9999| 中国产一级毛片 | 男女生羞羞视频网站在线观看 | 成人一级视频在线观看 | 福利在线国产 | 精品一区二区三区在线观看国产 | 99精彩视频在线观看 | 天天黄色片| 水多视频在线观看 | 97黄色网 | 免费观看一区 | 国产亚洲综合一区二区 | 国产一级一国产一级毛片 | 男女一边摸一边做羞羞视频免费 | 毛片毛片免费看 | 91成人免费视频 | 免费看性xxx高清视频自由 | 久久久久久久久成人 | 亚洲最大久久 |