Js/Jquery
-
코드 js function lodingSign() { // 로딩 이미지 div var loading_div = ` `; $('body').append(loading_div); // 마우스 커서 로딩 중으로 변경 $('html').css("cursor", "wait"); // ajax 함수 실행 버튼 클릭 이벤트 차단 $('button').attr('onclick', 'return false;'); } function lodingImgHide() { // 마우스 커서 기본값으로 변경 $('html').css("cursor", "auto"); // ajax 함수 실행 버튼 클릭 이벤트 차단 해제 $('button').attr('onclick', '함수이름()'); // 로딩 이미지 삭제 $('#loading..
ajax - 통신 중 로딩 이미지 출력코드 js function lodingSign() { // 로딩 이미지 div var loading_div = ` `; $('body').append(loading_div); // 마우스 커서 로딩 중으로 변경 $('html').css("cursor", "wait"); // ajax 함수 실행 버튼 클릭 이벤트 차단 $('button').attr('onclick', 'return false;'); } function lodingImgHide() { // 마우스 커서 기본값으로 변경 $('html').css("cursor", "auto"); // ajax 함수 실행 버튼 클릭 이벤트 차단 해제 $('button').attr('onclick', '함수이름()'); // 로딩 이미지 삭제 $('#loading..
2022.10.02 -
코드 // 강제 이벤트 발생 $('태그').trigger('click');
jquery - 강제 이벤트 발생코드 // 강제 이벤트 발생 $('태그').trigger('click');
2022.10.02 -
// 라디오 타입 인풋 체크 되어있는 값 가져오기 $('input[name=radioName]:checked').val()
Jquery - 라디오 인풋 값 가져오기// 라디오 타입 인풋 체크 되어있는 값 가져오기 $('input[name=radioName]:checked').val()
2022.08.29 -
// 폼 전송 차단 및 검증 후 재 전송 $('#폼아이디').submit(function(event) { event.preventDefault(); // 검증 코드 // 예) if ($('#검증할인풋').val().length == 0) { alert('안내메시지'); return false; } $(this).unbind('submit'); $(this).submit(); });
Jquery - 폼 전송 차단 및 검증 후 재전송// 폼 전송 차단 및 검증 후 재 전송 $('#폼아이디').submit(function(event) { event.preventDefault(); // 검증 코드 // 예) if ($('#검증할인풋').val().length == 0) { alert('안내메시지'); return false; } $(this).unbind('submit'); $(this).submit(); });
2022.08.18 -
// 태그의 요소로 값 가져오기 (예시 : data) $('input[data-데이터 셋 이름="' + 데이터셋값 + '"]')
Jquery - 태그의 요소로 태그 찾기// 태그의 요소로 값 가져오기 (예시 : data) $('input[data-데이터 셋 이름="' + 데이터셋값 + '"]')
2022.08.18 -
// 해당 클래스를 가지고 있는지 $("#아이디").is(".클래스");
Jquery - 특정 태그가 특정 클래스를 가지고 있는지 체크// 해당 클래스를 가지고 있는지 $("#아이디").is(".클래스");
2022.08.18 -
// 체크박스 체크 여부 확인 $('input:checkbox[id="아이디"]').is(":checked"); $('input[name="이름"]').is(":checked"); // 체크박스 체크 처리 $('input:checkbox[id="아이디"]').attr("checked", true);
Jquery - 체크박스 체크 여부 확인, 체크 처리// 체크박스 체크 여부 확인 $('input:checkbox[id="아이디"]').is(":checked"); $('input[name="이름"]').is(":checked"); // 체크박스 체크 처리 $('input:checkbox[id="아이디"]').attr("checked", true);
2022.08.18 -
// 기본 ajax 함수 function 함수이름() { var Params = {}; $.ajax({ url: "/url", type: 'POST', data: Params, datatype: 'json', // ajax 통신 성공 시 success: function(result) { switch (result.status) { case 'complete': console.log('성공 시'); break; case 'fail': console.log('실패 시'); break; default: console.log('예외 발생 시'); break; } }, // ajax 통신 중 에러 발생 시 error: function(request, status, error) { // 에러 출력 console.e..
Jquery - ajax 기본 함수// 기본 ajax 함수 function 함수이름() { var Params = {}; $.ajax({ url: "/url", type: 'POST', data: Params, datatype: 'json', // ajax 통신 성공 시 success: function(result) { switch (result.status) { case 'complete': console.log('성공 시'); break; case 'fail': console.log('실패 시'); break; default: console.log('예외 발생 시'); break; } }, // ajax 통신 중 에러 발생 시 error: function(request, status, error) { // 에러 출력 console.e..
2022.08.18