제이쿼리(14)
-
[2] JavaScript & JQuery - show(), hide()
[ 환경 ]ㄴ JQuery 1.11.1 Q. 버튼 클릭 시 사라지게 하고싶습니다. / 버튼 클릭시 나타나게 하고싶습니다.※ show() - css display:block으로 바꿈 ( 안보이던 영역을 보이게 )※ hide() - css display:none으로 바꿈 ( 보이던 영역을 안보이게 )1. html 파일 확인ㄴ button마다 class를 주고 click이벤트로 show, hide 진행 2. JQuery 코드 작성 $(function(){ // show() 활용 $(".show").click(function(){ $(".display").show(); // display button이 보이도록 }) // hide() 활용 $(".hide").click(function(){ $..
2024.06.11 -
[1] JavaScript & JQuery - click() 이벤트, val()
[ 환경 ]ㄴ php 7 ㄴ JQuery 1.11.11. 로그인 form 수정ㄴ 로그인 폼 안에 아이디,비밀번호, 로그인버튼 일부 변경- 인풋 2개 클래스값 추가 / 로그인 버튼타입 변경 & 클래스 값 추가2. JQuery 코드 작성// 제이쿼리 $(function(){ $(".loginbtn").click(function(){ var id = $(".id").val(); // 아이디 var password = $(".password").val(); // 비밀번호 // 아이디 체크 if(!id){ alert("아이디를 입력해주시기 바랍니다."); return false; } // 비밀번호 체크 if(!password){ alert("비밀번호를 입력해주시기 바랍니다."); ..
2024.06.11