JavaScript & JQuery(18)
-
[6] JavaScript & JQuery - ajax() 사용법
[ 환경 ]ㄴ php 7 ㄴ JQuery 1.11.1https://kuk1938.tistory.com/55fetch_assoc(); // 아이디 중복체크 if($select['id'] " data-og-host="kuk1938.tistory.com" data-og-source-url="https://kuk1938.tistory.com/55" data-og-url="https://kuk1938.tistory.com/55" data-og-image="https://scrap.kakaocdn.net/dn/eei6aM/hyWgVoy1v2/A3djLuMYNkU8pKGjcbnJC1/img.png?width=545&height=101&face=0_0_545_101,https://scrap.kakaocdn.net/dn..
2024.06.17 -
[5] JavaScript & JQuery - click(), val()_2
[ 환경 ]ㄴ php 7 ㄴ JQuery 1.11.1※ 참고 포스팅https://kuk1938.tistory.com/55 fetch_assoc(); // 아이디 중복체크 if($select['id'] " data-og-host="kuk1938.tistory.com" data-og-source-url="https://kuk1938.tistory.com/55" data-og-url="https://kuk1938.tistory.com/55" data-og-image="https://scrap.kakaocdn.net/dn/lHw6F/hyWg3mrEbL/2a9EDx0ouo1CPG0Kj17wCk/img.png?width=545&height=101&face=0_0_545_101,https://scrap.kakaocd..
2024.06.13 -
[4] JavaScript & JQuery - toggleClass()
[ 환경 ]ㄴ 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. 사이트(기능) 확인 ㄴ 버튼 클릭 시 클래스명을 ..
2024.06.12 -
[3] JavaScript & JQuery - toggle()
[ 환경 ]ㄴ 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과 같은 효과를 내..
2024.06.12 -
[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