반응형
JQuery란?
HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해 준 것, 라이브러리
javascript로 모든 기능을 구현할 수 있지만, 코드가 복잡하고, 브라우저간 호환성 문제를 고려해 JQuery라는 라이브러리가 등장하게 되었다.
한마디로, javascript를 좀더 편하게 사용하기 위한 라이브러리가 JQuery이다.
JQuery는 미리 작성된 Javascript코드이기 때문에, 쓰기 전에 임포트를 해야 한다.
https://www.w3schools.com/jquery/jquery_get_started.asp
jQuery Get Started
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
해당 코드를 프로젝트에 추가한다. 이렇게 임포트 해줘야 사용가능
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
</head>
JQuery 사용하는 방법
CSS와 마찬가지로, JQuery도 특정 대상을 지정하여 조작할 수 있다.
CSS에서는 선택자로 class를 썼다면, JQuery에서는 id 값을 선택자로 사용한다.
사용 예제
input 박스의 값을 가져오기
// id를 url로 지정
<input type="email" class="form-control" id="url" placeholder="name@example.com">
// id값이 url인 곳의 값을 가져온다.
$('#url').val();
// 값을 입력하고 싶은 경우
$('#url').val('이곳에 값을 넣는다');
반응형
'정리 작업중' 카테고리의 다른 글
| Ajax 사용하기 (0) | 2023.01.16 |
|---|---|
| 서버-클라이언트 통신 이해하기 (GET) (0) | 2023.01.16 |
| javascript 기초 (0) | 2023.01.13 |
| 유용한 이모티콘 모음 사이트 (0) | 2023.01.13 |
| 구글 웹 폰트 사용하기 (0) | 2023.01.13 |