컴퓨터 공부/자바스크립트

[jquery] jquery manipulation [3] (요소를 추가하는메소드)

나정_ 2013. 1. 16. 12:22

오늘은 jquery 조작방식에 대한 메서드를 배워보겠다. 


먼저 . jquery manipulation(조작)을 사용하는 이유는 무엇일까? 

요소에 값을 지정한다거나, 특정 요소의 값을 읽어온다거나 하는 작업을 포함해서, 동적으로 요소자체를 생성 , 삭제, 복사, 제거하는 기능을 의미한다. 


현재 jquery에서 제공하는 조작과 관련해서 내가 생각한 주관적인 분류를 나누어보자면 

1. 요소를 추가하는 메서드   ( After(), addClass(), append() , appendTo(), prepend(), prependTo(), before() , insertAfter, insertBefore, ) 

2.. 요소를 복사하는 메서드 ( clone() )         

3. 요소를 삭제하는 메서드( remove(), removeAttr() , detach() )

4. 요소를 가져오거나 바꿔치기하는 메서드 ( attr(), html(), innerWeight(), innerHeight(), text(), val(), replaceWirh, replaceAll()  )

    

로 나뉠 수 있는 듯하다. 



위 분류체계로 CHAPTER를 나눠 3번으로 나누어 설명하도록 하겠다. 


CHAPTER 1.: After(), addClass(), append() , appendTo(), prepend(), prependTo(), before() , insertAfter, insertBefore  

CHAPTER 2 : clone(), remove(), removeAttr() , detach() 

CHAPTER 3 :  attr(), html(), innerWeight(), innerHeight(), text(), val(), replaceWirh, replaceAll() 


CHAPTER 1 ( 요소를 추가하는 메서드) 


참고 : http://docs.jquery.com/Manipulation 


요소를 추가한 메소드는 자세하게 말하자면 특정 요소나 개체집합을 다른 요소의 내부 앞, 뒤에 덧붙이는 기능을 제공하는 메서드들이다.  


1. After(content)