[jQuery] HTML요소 접근

HTML 요소 접근

HTML 요소를 jQuery객체로 생성

var obj = $("css셀렉터");

대상 요소를 지정할 수 있는 css셀렉터를 사용한다.

jQuery에서는 가급적 id속성만으로 대상을 지정한다.

 - css : Tag나 ID속성을 사용한 셀렉터 지양

  자손, 자식 셀렉터의 구성도 가급적 class속성만으로 구성.

 - jQuery : 대부분의 경우 ID속성을 사용하지만 동시에 여러개의 객체를 제어해야 할 경우 class속성도 사용.

---

HTML 요소 내의 내용 제어

html() 함수는 파라미터가 있을 경우 설정(setter), 파라미터가 없을 경우 리턴(getter)의 기능을 한다.

요소 안에 내용을 설정하기 (setter)

jQuery

$("#foo").html(설정할 내용);

javascript

document.getElementById("foo").innerHTML = "설정할 내용";

요소 안의 내용을 가져오기 (getter)

jQuery

var content = $("#foo").html();

javascript

var content = document.getElementById("foo").innerHTML;