제이쿼리란???
- 우리가 웹에서 여러가지 효과를 나타낼때 자바스크립트를 활용해 아주 어렵고 복잡하게 기능 구현 하는것을 제이쿼리는 아주 간단하게 구현하게 도와주는 자바스크립트 라이브러리 입니다.
제이쿼리의 사용위치와 라이브러리 파일
사용위치 : <script> 태그 안에 위치
제이쿼리 라이브러리 파일 : https://code.jquery.com/jquery-3.2.0.min.js // 제이쿼리 홈페이지 > 다운로드 > 경로확인
<html>
<head>
<title></title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.0.min.js"></script> //제이쿼리 라이브러리파일
<script type="text/javascript">
// 사용위치
제이쿼리의 설렉터(선택자) - 내가 사용할 제이쿼리를 적용시킬수 있는 영역(3가지)
$(function(){ $("p").css("border", "1px solid #FF0000"); // $("p") = element 설렉터 $("#id").css("border", "1px solid #FF0000"); // $("#id") = id 설렉터 $(".class").css("border", "1px solid #FF0000"); // $(".class") = class 설렉터 }; |
</script>
</head>
<body>
</body>
</html>
'JQuery' 카테고리의 다른 글
[JQuery] draggable 과 sortable (0) | 2020.01.21 |
---|