[ 환경 ]ㄴ JQuery 1.11.1Q. select박스를 선택시 텍스트가 나타나도록 하고싶습니다.1. html 코드 선택안함 text생성 text삭제  2. JQuery 코드 작성// change() 활용$(".change").change(function(){ var select = $(".change").val(); if(select == '1'){ // TEXT생성 선택일때 등장하도록 $(".text").text('텍스트 등장'); // text 클래스에 text(텍스트등장) 내용 넣어주기 }else{ $(".text").text(''); // text 클래스에 텍스트 삭제 }})ㄴ chage() - select박스의 선택시 이벤트 발동ㄴ text() - 선택한 영역에 text()안에..

[ 환경 ]ㄴ JQuery 1.11.1Q. 비밀번호 확인에서 일치여부를 실시간으로 확인하고 싶습니다.1. html 코드 ㄴ 일치, 불일치 텍스트는 이벤트 감지 전엔 안보이도록 display:none 상태 2. JQuery 코드 작성$(document).on('keyup', '.password_ch', function(){ var password = $(".password").val(); // 비밀번호 var password_ch = $(".password_ch").val(); // 비밀번호 확인 if(password){ if(password == password_ch){ // 비밀번호 일치 $(".pw_O").show(); $("...

[ 환경 ]ㄴ JQuery 1.11.1Q. 버튼 클릭 시 클래스명을 변경하고 싶습니다.1. html 코드 해당버튼 클릭시 toggleclass값 변경. toggleclass 2. JQuery 코드 작성$(function(){ // toggleclass() 활용 $(".toggleclass").click(function(){ $(".to_box").toggleClass('tot_box'); // toggleclass의 색상이 변하도록(색상은 css 줬음.) })}) ㄴ toggleClass() - 선택한 영역의 클래스 값을 생성,삭제 반복ㄴ 추가한 클래스에 이벤트나 css등을 부여하여 특정한 상황에서 변화를 주기 위한 용도 3. 사이트(기능) 확인 ㄴ 버튼 클릭 시 클래스명을 ..

[ 환경 ]ㄴ JQuery 1.11.1Q. 버튼을 클릭했을때 생겼다 사라졌다 컨트롤 하고 싶습니다.1. html 코드 해당버튼 클릭시 toggle 사라졌다 생겼다 반복. toggle 2. JQuery 코드 작성$(function(){ // toggle() 활용 $(".toggle").click(function(){ $(".t_box").toggle(); // toggle버튼 생겼다가 사라졌다가 반복 })}) ㄴ toggle() - css display: inline-block; display: none; 을 반복하여 사라졌다 생겼다 효과를 준다.ㄴ toggle() - show, hide의 효과를 동시에 사용할 수 있다.- 만약 show,hide로 toggle과 같은 효과를 내..

[ 환경 ]ㄴ 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(){ $..

[ 환경 ]ㄴ 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("비밀번호를 입력해주시기 바랍니다."); ..