JQuery
javaScript를 편리하게 사용할 수 있도록 해주는 Java Script Library이다.
javascript에 jQuery를 쓰면 웹 호환성이 좋아진다!
jQuery 사용을 선언하기
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><head>와 </head> 사이에 삽입해준다.
jQuery 시작 하기
jQuery(document).ready(function(){
// process..
});
$(document).ready(function(){
// process..
});$(document).ready(callback 함수) = jQuery와 $는 같은 의미이다
document가 준비된 시점에 (=메모리에 로딩 시에) 익명함수가 실행되고,
이 익명함수는 현 페이지에서 필요한 이벤트 행위를 일괄적으로 등록한다.
- jQuery 이벤트 메서드 중 하나
문서의 DOM 요소들을 조작 할 수 있는 시점에서 호출
javascript의 load 이벤트와 비슷
jQuery 기분 문법 -Selector (선택자)
$(‘a’) – page 내 모든 <a>
$(‘div a’) – page 내 <div> 하위에 있는 <a>
$(‘#test’) – id가 test인 태그
$(‘.btn’) – class가 btn인 모든 태그
$(‘tr:odd’) - <tr> 태그들 중 홀수번째들
$(‘tr:last tr:last’) – 문서내의 마지막 <tr>
$(‘b:contains(‘hi’)) – hi를 content로 가진 b태그
$(‘div:has(‘ul’) - <ul> 을 가진 <div> 태그
$(‘input:checkbox’) – input태그중 checkbox
$(‘td nth-child(2n)’) –2의 배수 번째 <td>
JQuery 참고자료
그렇다! $() <- 애가 셀렉터라는 친구였고, 종류도 다양했다.
document.getElementById() 처럼 id속성 태그에 접근 할 수 있다.
개발자되면 맥북사줄께