Javascript의 코드를 압축해서 모듈화해놓은 라이브러리
<script src="<https://code.jquery.com/jquery-3.6.3.js>"></script>열 때마다 붙여줘야 함
방법 #1
$(document).ready(function () {
alert("처음 로딩 시 호출됩니다.");
});
방법 #2
$(function () {
alert("제이쿼리 시작합니다.");
});
style 변경
$(function () {
//모든 b태그의 글꼴크기를 28pt로 변경
$("b").css("font-size", "28pt");
//b 태그 중 클래스명이 happy인 것의 배경을 orange로
$("b.happy").css("background-color", "orange");
});
방법 #1
//모든 h2태그의 border를 변경 후 글자색을 빨강으로
$("h2").css("border", "3px solid pink").css("color", "red");
방법 #2
$("h2").css({
border: "5px solid blue",
color: "gray",
});
조건 여러개일 경우 예제
속성 변경