Jquery에서 요소 노드를 만드는 방법

jquery에서 요소 노드를 만드는 방법: 먼저 p 태그에 img 노드를 추가하고 id 속성을 추가한 다음 onclick 클릭 이벤트를 버튼에 바인딩합니다. 마지막으로 [append()] 메서드를 사용하여 img 노드를 추가합니다. p 태그.

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전, DELL G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

jquery를 사용하여 요소 노드를 만드는 방법:

1. jquery가 요소 노드를 만드는 방법을 설명하기 위해 test.html이라는 새 html 파일을 만듭니다.

2. test.html 파일에서 p 태그를 생성한 다음 p 태그 내에 img 노드를 추가합니다.

3. test.html 파일에서 p 태그에 id 속성을 추가합니다. 이는 아래 p 태그 개체를 얻는 데 사용됩니다.

4 test.html 파일에서 버튼 태그를 사용하여 버튼을 생성하고 onclick 이벤트를 버튼에 바인딩한 다음 버튼이 클릭되면 createle()을 실행합니다. 기능. createle()函数。

5、在js标签内，创建createle()函数，在函数内，通过id获得p元素对象，使用append()

5 .js 태그에서 createle() 함수를 생성하고, 해당 함수 내에서 id를 통해 p 요소 개체를 얻은 다음 append() 메서드를 사용하여 추가합니다. img 노드를 p 태그에 추가합니다.

6. 브라우저에서 test.html 파일을 열고 버튼을 클릭하여 결과를 확인하세요.

추천:

jquery 비디오 튜토리얼

🎜🎜🎜

위 내용은 Jquery에서 요소 노드를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!