DOM 속성과 요소 속성 구별
img 태그:
<img src="images/image.1.jpg" id="hibiscus" alt="Hibiscus" class="classA" />
보통 개발자들은 id, src, alt 등을 이 요소의 "속성"이라고 부르는 데 익숙합니다. 우리는 이것을 "요소 속성"이라고 부릅니다. 그러나 DOM 개체로 구문 분석할 때 실제 브라우저는 결국 태그 요소를 "DOM 개체"로 구문 분석하고 해당 요소의 "요소 속성"을 "DOM 속성"으로 저장합니다.
요소의 src를 상대 경로로 설정하더라도:
, "DOM 속성"에서는 절대 경로로 변환됩니다:
http: //localhost/images/ image.1.jpg
일부 "요소 속성"과 "DOM 속성"도 이름이 다릅니다. 예를 들어 위의 요소 속성 클래스는 DOM 속성으로 변환된 후 className에 해당합니다.
Javascript에서는 "DOM 속성"을 직접 가져오거나 설정할 수 있습니다.
<script type="text/javascript">
$(function() { var img1 = document.getElementById("hibiscus " );
알림(img1.alt);
알림(img1.alt; 수업을 진행해야 합니다. 요소 속성 "class:
img1.className = "classB";
대신 DOM 속성 "className"을 사용하세요.
JQuery에는 "DOM 속성"을 래핑하는 함수가 없습니다. 왜냐하면 "DOM 속성"을 얻고 설정하는 데 javascript가 사용되기 때문입니다. jQuery는 jQuery 패키징 세트를 탐색하기 위한 Each() 함수를 제공합니다. DOM 개체이므로 이를 기본 자바스크립트로 적용하여 요소의 DOM 속성을 조작할 수 있습니다.
$("img").each(function(index) {
alert("index:" + index + ", id:" + this.id + ", alt:" + this.alt);
this.alt = "changed";
alert("index:" + index + ", id:" + this.id + ", alt:" + this.alt);
});다음은 각 함수에 대한 설명입니다.
each( callback ) 반환: jQuery 패키징 세트
실행 패키징 세트의 각 요소에 대한 콜백 메소드는 0부터 시작하는 현재 순회 색인 값을 나타내는 매개변수를 허용합니다.
다음 섹션