0621
jQuery 함수
jQuery에서 가장 중요한함수
javaScript는 생성된 객체 맴버를 추가하는 것이 자유롭다.
이것을 이용해 만들어진 라이브러리가 jQuery 라이브러리
JavaScript에서 객체를 jQuery 함수에 매개변수로 넣어주면 객체에 jQuery에서 만든 여러 함수를 추가하여 반환
jQuery함수는 jQuery(객체) 형태로 작성하지만 jQuery 6글자 대신에 $(객체)로 작성할 수도 있다.
Ready 함수
JS의 window.onload와 흡사
Window.onload는 태그 객체가 모두 생성되면 발생되는 이벤트로, 웹 하면이 처음 나타날때 필요한 작업이 있다면 여기서 구현
Ready도 동일한 시점에 동작
차이점은 window.onload는 여러 개 있는 경우 제일 마지막 것만 동작, Reday는 모든 부분이 동작
기본선택자조합
<div class=“a1”> div class a1 </div>
<div class=“a2”> div class a2 </div>
<p class=“a3”> p class a3 </p>
<p class=“a1”> p class a1 </p>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(function(){
$("p:not(.a1)").css("background-color","yellow");
});
</script>
</head>
<body>
<p>p 태그</p>
<p class = "a1">p 태그 a1 class</p>
<p class = "a2">p 태그 a2 class</p>
</body>
</html>
코딩