jQuery DOM after, befoer 메소드 요소뒤, 앞에 생성하기

jQuery/DOM&jQuery 2009.11.12 15:12

jQuery after, befoer 메소드

.after()은 정해진 엘리먼트 뒤에 생성되고 before()은 앞에 생성된다.예를보자

먼저 html은 다음과 같다.

여기앞에 그리고 뒤에 어쩌고 저저고 생성됨

.after()

  $('p').after('

after로 뒤에 생성

');

결과는 다음과 같다.

여기앞에 그리고 뒤에 어쩌고 저저고 생성됨

after로 뒤에 생성 된 것

.before()

  $('p').before('

bfore로 앞에 생성

');

결과는 다음과 같다.

before로 앞에 생성 된 것

여기앞에 그리고 뒤에 어쩌고 저저고 생성됨

insertAfter(), insertBefore()

이 두메소드 역시 Not only A but also B = B as well as A 와 같다고 보면된다.

A.after(B) = B.insertAfter(A),그리고 A.before(B) = B.insertBefore(A)

$('p').before('

bfore로 앞에 생성

'); $('

insertBfore로 앞에 생성

').insertBefore('p'); $('p').after('

after로 뒤에 생성

'); $('

insertAfter로 뒤에 생성

').insertAfter('p');

적용된 예제는 여기서 보자http://sianasiatiger.cafe24.com/study/D_after_before.html

저작자 표시
신고

설정

트랙백

댓글


티스토리 툴바