JavaScript & JQuery(18)
-
[12] JavaScript & JQuery - $(this) 사용법
[ 환경 ]ㄴ php 7 ㄴ JQuery 1.11.1Q. 회원의 이름을 목록에서 각 각 수정하고 싶습니다.ㄴ 반복문 안의 데이터를 사용해야 하는 상황 ※ class, id를 생성 후 해당 값으로 이벤트를 주더라도 반복문 안에서 이벤트 진행시 첫번째 부분만 실행됨.ㄴ 반복문으로 모두 같은 class나 id가 들어가기 때문. (이 경험을 겪어 보신 분은 종종 있을 겁니다. )ㄴ 반복문에서 각각의 데이터를 컨트롤 하기 위하여 $(this)사용 1. html & PHP 코드※ attridute data는 편하게 idx,type 등으로 바꿔서 사용이 가능하며 $(this)와 함께 데이터 추출시 씀.query($sql);?>fetch_array()){ ?> " value=""> ">수정 ..
2024.06.27 -
[11] JavaScript & JQuery - prop()
[ 환경 ]ㄴ JQuery 1.11.1Q. 버튼클릭으로 체크박스 비/활성화 컨트롤 하고 싶습니다. 1. html 코드 2. JQuery 코드 작성// prop() 활용 - 체크박스 활성화$(".prop1").click(function(){ $(".in_check").prop('checked', true);})// prop() 활용 - 체크박스 비활성화$(".prop2").click(function(){ $(".in_check").prop('checked', false);}) 3. 기능 확인 See the Pen Untitled by 문정원 (@moonddev) on CodePen. ㄴ input placeholder를 컨트롤 하고 싶습니다. - 기능 작동완료
2024.06.27 -
[10] JavaScript & JQuery - attr()
[ 환경 ]ㄴ JQuery 1.11.1Q. input placeholder를 컨트롤 하고 싶습니다.1. html 코드2. JQuery 코드 작성// attr() 활용 - placeholder 넣기$(".attr1").click(function(){ $(".in_placeholder").attr( 'placeholder', 'moonddev 블로그 방문 부탁드립니다.' );})// attr() 활용 - placeholder 제거$(".attr2").click(function(){ $(".in_placeholder").attr( 'placeholder', '');})ㄴ attr() - 선택한 영역의 attribute(속성) 추가&변경&삭제ㄴ attr1 : placeholder 넣기 / attr2 : plac..
2024.06.26 -
[9] JavaScript & JQuery - ajax로 특정 데이터 검색
[ 환경 ]ㄴ php 7 ㄴ JQuery 1.11.1 Q. select박스의 회원을 선택시 해당 회원의 정보가 나타나도록 하고싶습니다.※ ajax를 사용하여 php에서 회원정보데이터 작업을 하고 제이쿼리에서 이벤트로 정보 노출 진행 ※ change(), text() 응용https://kuk1938.tistory.com/67 [8] JavaScript & JQuery - change(), text()[ 환경 ]ㄴ JQuery 1.11.1Q. select박스를 선택시 텍스트가 나타나도록 하고싶습니다.1. html 코드 선택안함 text생성 text삭제 2. JQuery 코드 작성// change() 활용$(".change").change(function(){ var select = $(".change")..
2024.06.21 -
[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