jQuery 학습 노트[1]jQuery 의 DOM 조작

DOM 은 DOM Core,HTML-DOM,CSS-DOM 으로 나 뉜 다.1,DOM Core 는 JavaScript 에 만 속 하지 않 으 며,DOM 을 지원 하 는 프로그램 설계 언어 는 모두 사용 할 수 있다.JavaScript 의 getElement ById(),getElementsByTagName()등 방법 이다.예 를 들 어 DOM Core 를 사용 하여 폼 대상 을 얻 는 방법:document.getElementsByTagName("form");2.HTML-DOM.자바 스 크 립 트 와 DOM 을 사용 하여 HTML 파일 에 스 크 립 트 를 작성 할 때 HTML-DOM 만 의 속성 이 많 습 니 다.HTML-DOM 의 등장 은 DOM Core 보다 빠 르 고 다양한 HTML 요소 의 속성 을 설명 하 는 더 간단명료 한 기 호 를 제공 합 니 다.예 를 들 어 HTML-DOM 을 사용 하여 폼 대상 을 얻 는 방법:document.forms//HTML-DOM 은 forms 대상 을 제공 합 니 다.3.CSS-DOM CSS-DOM 은 CSS 를 위 한 작업 입 니 다.자바 스 크 립 트 에서 CSS-DOM 기술 의 주요 역할 은 style 대상 의 다양한 속성 을 가 져 오고 설정 하 는 것 입 니 다.예 를 들 어 특정한 요소 style 대상 의 글꼴 색상 을 설정 하 는 방법:element.style.color="red";다음은 jQuery 의 DOM 작업:먼저 DOM 트 리 를 구축 합 니 다

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>jQuery  DOM  </title> 
</head> 
<body> 
<p title="         ">        ?</p> 
<ul> 
<li title="  ">  </li> 
<li title="  ">  </li> 
<li title="  ">  </li> 
</ul> 
</body> 
</html>

다음 작업 은 모두 이 DOM 트 리 를 중심 으로 펼 쳐 집 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

STL 학습노트(6) 함수 객체

모방 함수는 모두pass-by-value이다 함수 대상은 값에 따라 전달되고 값에 따라 되돌아오기 때문에 함수 대상은 가능한 한 작아야 한다(대상 복사 비용이 크다) 함수 f와 대상 x, x 대상에서 f를 호출하면:...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다