제이쿼리(14)
-
[8] JavaScript & JQuery - change(), text()
[ 환경 ]ㄴ 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()안에..
2024.06.19 -
[7] JavaScript & JQuery - $(document).on()
[ 환경 ]ㄴ 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(); $("...
2024.06.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