国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Jquery 動態循環輸出表格具體方法

2019-11-20 21:35:56
字體:
來源:轉載
供稿:網友
 實現功能:
1、有一個同學叫我實現一個這樣的功能就像PHP,在表單中輸入數字,然后網頁就出現相應的數量;如果是PHP的話就簡單多了,Jquery實現還是第一個,就開始狂的實驗,最后還是實現了(知識點:Jquery創建節點、獲取表單的值、循環語句)
Jquery代碼:
復制代碼 代碼如下:

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

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

});
});
</script>

HTML代碼:

復制代碼 代碼如下:

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

</body>

CSS代碼:
復制代碼 代碼如下:

<style>
.abc {height:50px;width:50px; margin:20px;background:#ccc;}
</style>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 新疆| 通州市| 和平县| 英吉沙县| 宜春市| 泰来县| 余干县| 河西区| 昭觉县| 文成县| 巫溪县| 景泰县| 宁阳县| 西峡县| 梁平县| 凌源市| 西平县| 固安县| 阳曲县| 新安县| 孟州市| 伊金霍洛旗| 清原| 邛崃市| 延安市| 拜城县| 灌云县| 邻水| 河北省| 金门县| 岳阳县| 苗栗县| 丹东市| 铜陵市| 东山县| 云南省| 壶关县| 巴林左旗| 江口县| 潮州市| 芒康县|