>웹 프론트엔드 >CSS 튜토리얼 >jq에서 CSS 스타일을 작성하는 방법

jq에서 CSS 스타일을 작성하는 방법

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-07-23 12:00:472381검색

방법은 다음과 같습니다. 일반적으로 페이지 초기화 시 스타일을 로드해야 하므로 Ready() 메소드를 사용하며 구문 형식은 "$(document).ready(function)"입니다. Ready 이벤트는 DOM이 로드되고 페이지(이미지 포함)가 완전히 렌더링되면 발생합니다.

jq에서 CSS 스타일을 작성하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

jquery에서 CSS 스타일을 작성하는 방법은 다음과 같습니다. 일반적으로 페이지 초기화 시 스타일을 로드해야 하므로 Ready() 메서드를 사용합니다

$(document).ready(function(){
	$("table tr td").css({
		"height":"25px",
	})
	$("span").css({
		"color":"#337ab7",
		"font-size":"13px",
	});
});

DOM(Document Object Model)이 로드되었을 때 페이지(이미지 포함)가 완전히 렌더링되면 준비 이벤트가 발생합니다.

이 이벤트는 문서가 준비된 후에 발생하므로 다른 모든 jQuery 이벤트와 함수를 이 이벤트에 배치하는 것이 좋습니다. 위의 예와 같습니다.

ready() 함수는 Ready 이벤트가 발생할 때 실행될 코드를 지정합니다.

ready() 함수는 현재 문서에서만 작동하므로 선택기가 필요하지 않습니다.

다음 세 가지 구문이 허용됩니다.

구문 1

$(document).ready(function)

구문 2

$().ready(function)

구문 3

$(function)

팁: Ready() 함수는 a12867977b4e8455fcea60d618d8572e와 함께 사용하면 안 됩니다.

추천 학습: css 비디오 튜토리얼

위 내용은 jq에서 CSS 스타일을 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.