본문 바로가기

JQuery

[JQuery] 제이쿼리란??(초보자들이 알기쉽게)

제이쿼리란???

 

- 우리가 웹에서 여러가지 효과를 나타낼때 자바스크립트를 활용해 아주 어렵고 복잡하게 기능 구현 하는것을 제이쿼리는 아주 간단하게 구현하게 도와주는 자바스크립트 라이브러리 입니다. 

 

제이쿼리의 사용위치와 라이브러리 파일

 

사용위치 : <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