實作功能:1、有同學叫我實作一個這樣的功能就像PHP,在表單中輸入數字,然後網頁就出現對應的數量;如果是PHP的話就簡單多了,Jquery實作還是第一個,就開始狂的實驗,最後還是實現了(知識點:Jquery創建節點、獲取表單的值、循環語句)Jquery代碼: 複製程式碼 程式碼如下: <BR>$(function(){<BR>$ ("#btn").click(function(){ //選擇ID為btn的元素,加入點擊事件<BR>var result = $("input[name='text']").val(); / /取得name為'text的文字方塊的值,並定義為變數result<BR>$("div").remove(".abc"); //作用是:每次執行時就把含有.abc這個類別的div刪除;<br><br>for(i=1;i<=result;i ){ //for循環,定i=1,每次循環就加1; 當i的值由1循環到等於result的值一樣時(即「文字方塊的name='text'的值」)就停止循環<BR>var createobj = $("<div class='abc'>建立的節點 ") ; //把div定義為變數createobj$("body").append(createobj); //把createobj這個變數追加到html中的'body'裡}} );});HTML程式碼:複製程式碼複製程式碼 程式碼如下: CSS程式碼:複製程式碼 程式碼如下: <🎜>.abc {height:50px;width:50px; margin:20px; ;}<🎜>