Js

[제이쿼리] 제이쿼리 란?

이레의 개발노트 2021. 12. 27. 23:19
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>
728x90
반응형

'Js' 카테고리의 다른 글

[자바스크립트] switch 문  (0) 2022.01.03
[자바스크립트] if문  (0) 2021.12.29
[자바스크립트] 형변환 종류  (0) 2021.12.26
swiper 사용법  (0) 2021.12.22
[자바스크립트] 변수의 종류  (0) 2021.12.21