-
Jquery Method click(클릭 메소드를 알아보자)프로그래밍/Jquery 2019. 9. 28. 17:36반응형
오늘은 Jquery의 Method Click에 대해 알아보겠습니다.
Jquery는 기본적으로 체인형과 선택자를 가지기 때문에
기본 선택을 한 후 내용을 바꾸거나 값을 가져오는 것이 가능한다.
이 부분을 click으로 구현해 보면서 살펴보겠습니다.
$(document).ready(function(){ $('button').click(function(){ $('#outer').removeClass("dn"); }); }); 1. 버튼을 클릭시 라고 해석하며 작성한다. 2. function안에 내용을 작성하며 사용한다.위에 부분이 jquery의 부분입니다.
<body> <div class="dn" id="outer">나는 클릭 되었습니다.</div> <div class="center"> <button type="button" class="btn btn-outline-secondary">클릭</button> </div> </body>html내용입니다. dn은 style -> display: none;입니다.
프로그램을 시작하면 이런 모양이 나오며
버튼을 클릭하면 내용이 추가됩니다.
여기까지 click메서드의 사용법을 알려드렸습니다. 클릭은 이렇게
보이지 않는 부분을 보였다 안보였다 하는 기능이나, 비동기 통신
동기 통신 구현, 테이블 추가 같은 기능에 사용하니 다른 건 몰라도
이건 암기하시는 걸 추천드립니다.(몇 번 작성해 보면 됨)
(이 포스팅은 기본적인 JQuery의 내용을 경험해봤다는 것을 전제로 합니다 )
반응형'프로그래밍 > Jquery' 카테고리의 다른 글
JQuery Method append 추가 메소드 (0) 2019.09.28 Jquery 패스워드 중복 체크 기능 구현 (0) 2019.09.27 Jquery 별점 기능 구현(별점 주기)(removeClass, addClass, attr) (2) 2019.09.26 Jquery focus()함수 (0) 2019.09.26 Jqeury val() 함수 (값 바꾸기, 값 가져오기) (0) 2019.09.25