구현 기능: 1. 친구가 PHP와 같은 기능을 구현해 달라고 요청했습니다. 양식에 숫자를 입력하면 해당 숫자가 웹 페이지에 나타납니다. Jquery라면 훨씬 간단할 것입니다. 구현은 여전히 처음으로 미친 듯이 실험을 시작했고 마침내 깨달았습니다. (지식 포인트: Jquery가 노드를 생성하고, 양식 값을 가져오고, 루프 문을 얻습니다.) Jquery 코드: 코드 복사 코드는 다음과 같습니다. <br>$( function(){<br>$("#btn").click(function(){ //ID가 btn인 요소를 선택하고 클릭 이벤트를 추가합니다<br>var result = $("input[name='text' ]").val() ; //'text'라는 텍스트 상자의 값을 가져와 변수로 정의합니다. result<br>$("div").remove(".abc"); //함수는 다음과 같습니다. : 실행될 때마다 abc 클래스의 div를 삭제합니다. <br><br>for(i=1;i<=result;i ){ //for 루프, i=1로 설정하고 각각 1씩 추가합니다. i의 값이 1일 때 반복됩니다. result의 값이 동일할 때(즉, "텍스트 상자의 이름='text' 값") 반복을 중지합니다. <BR>var createobj = $(" <div class='abc'>생성된 노드< /div>"); //div를 변수 createobj로 정의<br>$("body").append(createobj); //'body에 변수 createobj 추가 ' HTML <br>}<br><br>});<br>});<br> HTML 코드: 코드 복사 코드는 다음과 같습니다. CSS 코드: 코드 복사 코드는 다음과 같습니다. <스타일>.abc {높이:50px ;너비:50px; 여백:20px;배경:#ccc;}