728x90
반응형
제이쿼리 란?
빠르고 작고 기능이 풍부한 자바스크립트 라이브러리입니다.
다양한 웹 브라우저에서 동일한 방법으로 사용할 수 있는 라이브러리로 크로스 브라우징 라이브러입니다.
⭐️ 작성법
cdn을 먼저 연결한 후
ready()라는 제이쿼리 기능을 작성합니다.
<script src="제이쿼리 cdn 경로"></script>
<script>
$(document).ready(function(){
//여기에 코드 작성합니다.
alert("테스트");
});
</script>
⭐️ 핵심기능
on() 메서드와, 단축 이벤트 메서드를 사용하면 이벤트를 쉽게 사용할 수 있습니다.
스타일 설정도 가능합니다.
<script>
$(document).ready(function(){
$(#btn).on("click",function(){
alert("test");
});
//일반 이벤트 등록
$(#btn).click(function(){
alert("test");
});
// 단축 이벤트 등록
$("#panel").css("border","4px solid #f00");
//css작성법
});
</script>
'Js' 카테고리의 다른 글
[자바스크립트] switch 문 (0) | 2022.01.03 |
---|---|
[자바스크립트] if문 (0) | 2021.12.29 |
[자바스크립트] 형변환 종류 (0) | 2021.12.26 |
swiper 사용법 (0) | 2021.12.22 |
[자바스크립트] 변수의 종류 (0) | 2021.12.21 |