Latest web development tutorials

jQuery를 요소를 추가

jQuery를하면 쉽게 새로운 요소 / 콘텐츠를 추가 할 수 있습니다.

새로운 HTML 콘텐츠 추가

우리는 네 가지의 jQuery 방법에 대한 새로운 내용을 추가하는 법을 배워야합니다 :

  • 추가 () - 선택된 요소의 끝에 삽입
  • 앞에 추가 () - 선택된 요소의 시작 부분에 삽입
  • 후 () - 선택 요소 인 후 삽입
  • 삽입하기 전에 선택된 요소 (-) 전

의 jQuery APPEND () 메소드

의 jQuery APPEND () 메서드는 선택된 요소의 끝 부분에 내용을 삽입합니다.

예

. $는 ( "P")는 추가 ( " 텍스트를 추가");

»시도

jQuery를의 앞에 추가 () 메소드

jQuery를의 앞에 추가 () 메서드는 선택된 요소의 시작 부분에 내용을 삽입합니다.

예

. $ ( "P") 앞에 추가 ( " 시작 부분에 텍스트를 추가");

»시도

APPEND () 및 앞에 추가 () 메소드에 의해 몇 가지 새로운 요소를 추가

위의 예에서, 우리는 선택한 요소 / 종료 삽입 텍스트 / HTML의 시작 부분에 있습니다.

그러나 추가 ()와 앞에 추가 () 메서드는 매개 변수에 의해 새로운 요소를 무제한으로받을 수 있습니다. 당신은 jQuery를하여 (위의 예에서와 같이), 또는 자바 스크립트 코드와 DOM 요소를 통해 텍스트 / HTML을 생성 할 수 있습니다.

다음 예에서 우리는 몇 가지 새로운 요소를 만들 수 있습니다. 이러한 요소는 텍스트 / HTML, jQuery를 또는 자바 스크립트 / DOM을 사용하여 만들 수 있습니다. 그 다음 우리는 텍스트에 추가 된 새로운 요소 (앞에 추가를 위해 () 동일한 효과)의 () 메서드를 추가합니다 :

예

기능 에서는 AppendText () { VAR txt1 = "<p> 텍스트 </ P>."; // HTML 태그를 사용하여 텍스트를 작성 VAR . txt2 = $ ( "<P > </ P>") 텍스트 ( " 텍스트입니다."); // jQuery를 사용하여 텍스트를 작성 VAR . txt3 = 문서의 createElement ( "P "); txt3 innerHTML을 = " 텍스트입니다."; // DOM DOM과 텍스트를 사용하여 텍스트를 작성 $ ( "몸") APPEND ( txt1, txt2, txt3); //은 새로운 요소를 추가 }

»시도

jQuery를 (후) 및 방법) (전

jQuery를 한 후 () 메서드는 선택된 요소 후 내용을 삽입합니다.

선택한 요소 삽입하기 전에 jQuery를하기 전에 () 메소드.

예

$ ( "IMG") 후 ( " 추가 텍스트 후"); $ ( "IMG ("이전 ") 앞에 텍스트를 추가");

»시도

() 메서드 (후) 및 이전에 새로운 요소들을 추가함으로써

(후) 및 이전 () 메서드는 매개 변수에 의해 새로운 요소를 무제한으로받을 수 있습니다. 당신은 텍스트 / HTML, jQuery를 또는 자바 스크립트 / DOM을 통해 새로운 요소를 만들 수 있습니다.

다음 예에서 우리는 몇 가지 새로운 요소를 만들 수 있습니다. 이러한 요소는 텍스트 / HTML, jQuery를 또는 자바 스크립트 / DOM을 사용하여 만들 수 있습니다. 우리는 다음 (동일한 효과) (이전의) 텍스트에 새로운 요소 방법) (후 :

예

기능 적인 afterText () { VAR txt1 = "<B> 나는 < // / b>을" HTML을 사용하여 생성 요소를 VAR txt2 = $ ( "<I> </ I>") 텍스트 ( "사랑"); //는 jQuery를 사용하여 요소를 생성 VAR ( "큰"txt3 = 문서의 createElement ); //이 DOM을 사용하여 요소를 생성 txt3 innerHTML을 = "jQuery를!"; . $ ( "IMG") (txt1, txt2, txt3); // 후 이미지에 텍스트를 추가 }

»시도