[jQuery] 삽입 메소드 / 클래스 메소드

삽입 메소드

 $("선택자").prepend('html 코드')  : 선택자 앞에 html 코드를 추가

 $("선택자").append('html 코드')  : 선택자 뒤에 html 코드를 추가

 $("선택자").before('html 코드') 

 : 선택자 앞에 html 코드를 추가. 단, prepend와 같이 쓸 경우 prepend로 추가된 요소 앞에 추가

 $("선택자").after('html 코드') 

 : 선택자 뒤에 html 코드를 추가. 단, append와 같이 쓸 경우 prepend로 추가된 요소 앞에 추가

 

 $("html 코드").prependTo('선택자')  : 선택자 앞에 html 코드를 추가

 $("html 코드").appendTo('선택자')  : 선택자 뒤에 html 코드를 추가

 $("html 코드").insertBefore('선택자') 

 : 선택자 앞에 html 코드를 추가. 단, prependTo와 같이 쓸 경우 prependTo로 추가된 요소 앞에 추가

 $("html 코드").insertAfter('선택자') 

 : 선택자 뒤에 html 코드를 추가. 단, appendTo와 같이 쓸 경우 appendTo로 추가된 요소 앞에 추가

 

 

클래스 메소드

 $("선택자").addClass('단어')  : 선택자에 '단어'클래스를 추가

 $("선택자").removeClass('단어')  : 선택자에 '단어'클래스를 제거

 $("선택자").toggleClass('단어')  : 선택자에 '단어'클래스를 추가/제거 반복 (홀수번째-추가, 짝수번째-제거)

 $("선택자").hasClass('단어')  : 선택자에 '단어'클래스를 가지고 있는가 없는가(true, false 로 나타남)