오늘은 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)
'컴퓨터 공부 > 자바스크립트' 카테고리의 다른 글
[앵귤러] 앵귤러(Angular)js 수명주기 (0) | 2015.04.23 |
---|---|
[앵귤러] 앵귤러(Angular) JS 개념 및 예제 1 (5) | 2015.04.23 |
[jquery] hover 기능에 대하여 알아보자 (1) | 2013.01.18 |
[jquery] jquery selectors [2] (:not, :hidden,[attribute=value], :selected, eq(index) ) (0) | 2013.01.16 |
[jquery] jquery selectors [1] ( $("") ,$("#"), $(".") ) (0) | 2012.10.09 |