HTML 요소 접근

HTML 요소 접근

---

HTML요소를 JQuery객체로 생성

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

.hello

<style>

   .hello{..}    (X)

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

• jQuery에서 사용한 CSS셀렉터가 반드시 <style> 태그에 정의되어 있어야 하는 것은 아니다.

• 혼란을 피하기 위해 CSS에서는 class형식으로만 셀렉터를 구성하고, jQuery에서는 가급적 id속성만으로 대상을 지정한다.

* CSS : TAG나 ID속성을 사용한 셀렉터 지양.

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

* jQuery: 대부분의 경우 ID속성을 사용하지만

동시에 여러 개의 객체를 제어해야 할 경우는 class속성도 사용.

HTML요소 내의 내용 제어    obj.html(...)

html() 함수는 파라미터가 있을 경우 설정(setter), 

파라미터가 없을 경우 리턴(getter)의 기능을 한다.

요소 안에 내용을 설정하기

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

설정할 내용

<div id="foo"> ~~~~~</div>

document.getElementById("foo").innerHTML = "~~~";

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

요소 안의 내용을 가져오기

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