jQuery에서 추가 메소드를 사용하여 요소를 추가하는 방법-JS 튜토리얼-php.cn

jQuery에서 추가 메소드를 사용하여 요소를 추가하는 방법

不言

풀어 주다： 2018-12-28 17:35:09

원래의

6269명이 탐색했습니다.

append 메소드는 html 요소를 동적으로 추가할 수 있는 메소드입니다. html 요소를 원하는 만큼 추가할 수 있어 매우 편리합니다. .

jQuery에서 추가 메소드를 사용하여 요소를 추가하는 방법에서 추가 메소드를 사용하여 요소를 추가하는 방법에서 추가 메소드를 사용하여 요소를 추가하는 방법

append 메소드는 어떻게 사용하나요?

$(‘选择器’).append(‘添加的内容’);

로그인 후 복사

선택기에서 클래스와 ID를 지정한 후 추가를 호출하고 추가할 항목을 지정합니다.

구체적인 예를 살펴보겠습니다

버튼을 클릭하여 ul 태그에 li 요소를 추가하면 코드는 다음과 같습니다

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
      $(function() {
        $("button").click(function() {
          $("ul").append("<li>添加的内容</li>");
        });
      });
    </script>
  </head>
  <body>
    <button>button</button>
    <ul>
    </ul>
  </body>
</html>

로그인 후 복사

버튼을 클릭할 때 트리거될 이벤트를 생성한 후 다음에서 추가 메소드를 실행합니다. 그것.

선택기에 대한 추가 방법을 작성하고 ul 태그를 지정하고 li 태그를 선택기에 추가합니다.

그래서 버튼을 누를 때마다 추가 메소드가 호출되어 요소 수가 증가합니다.

브라우저에 표시되는 효과는 다음과 같습니다.