[ jquery 기초 ] jquery Attribute - 속성 관련 메서드

 

| HTML 문서의 속성, 엘리먼트 제어하기 - http://api.jquery.com/category/manipulation/

• .attr()

요소의 속성값을 가져오기 위해서는 .attr(attributeName)을 사용하며, 속성값을 설정하기 위해서는 .attr(attributeName, value)를 사용하면 됩니다.

 

• .removeAttr()
  • removeAttr( attributeName )

선택된 개체의 속성값을 제거 할 수 있습니다.

 

• .val()

선택된 요소의 값을 가져옵니다. jQuery 에서 셀렉터 다음으로 가장 많이 사용되는 메서드가 아닌가 싶습니다. Input, select 등의 요소에서 value에 해당하는 값을 가져오거나 설정하며, 자바스크립트의 document.getElementById(“txtName”).value; 와 동일한 역할을 합니다.

 

• .text() / .html()

선택된 개체의 text 또는 html을 가져오거나 사용자가 지정하는 값으로 설정하는 역할을 하는 메서드 입니다.

 

• 자식으로 삽입
1. .append()
2. .appendTo()
3. .html()
4. .prepend()
5. .text()

 

• 형제로 삽입
1. .after()
2. .before()
3. .insertAfter()
4. .insertBefore()

 

• 부모로 감싸기
1. .unwrap()
2. .wrap()
3. .wrapAll()
4. .wrapInner()

 

• 삭제
1. .detach()
2. .empty()
3. .remove()
4. .unwrap()

 

• 치환
1. .replaceAll()
2. .replaceWith()

 

• 클레스
1. .addClass()
2. .hasClass()
3. .removeClass()
4. .toggleClass()

 

• 속성제어
1. .attr()
2. .prop()
3. .removeAttr()
4. .removeProp()
5. .val()