만들고, 퍼오고, 공유하고

텍스트 네온/레인보우 효과

Rainbow ■■■■■■■

Swiper 사용하기

https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 코드정리 사이트 https://beautifier.io/ 자주쓰는 옵션 let swiper = new Swiper('#id', { slidesPerView : 보여질 개수, spaceBetween : 아이템 사이 간격, slidesPerGroup : 한번에 슬라이딩될 개수, centeredSlides: true, //센터모드 threshold:100, //..

◈ 체크박스 이벤트 바인딩, 속성 추가 (addEventListener)

이벤트 바인딩 참고 클릭 if ($('.nav-link').length > 0) { $('.nav-link').click(function() { // }); } $(document).ready(function() { $('input[type=checkbox][name=gender]').change(function() { if ($(this).is(':checked')) { alert(`${this.value} is checked`); } else { alert(`${this.value} is unchecked`); } }); }); https://devlink.tistory.com/749 This is a paragraph. This is another paragraph. //약관2 사용체크시 내용 유효..

jquery data- 사용하기

Content

jQuery bind(), unbind(), on(), off() 이벤트 등록 및 해제

jquery 1.7부터 bind/unbind가 개선되어 나온 것이 on/off 메서드 click! 또는 click!

셀렉터. form 요소 찾을때. form name

test로 시작하는 이름 $("input[name^='test']") test를 포함하는 이름 $("input[name*='test']") test를 포함하는 이름 (공백포함) $("input[name~='test']") test로 끝나는 이름 $("input[name$='test']") 이름이 test가 아님 $("input[name!='test']") div중 class가 test로 시작 $("div[class^='test']")

제이쿼리 애니메이션 + 속도 주기

체크박스 전체 체크

https://devlink.tistory.com/865 #1 동의체크 전체동의 개인정보 수집 및 이용에 대한 동의 마케팅 활용 동의 #2 일반 체크박스 $(document).ready(function() { $("#cbx_chkAll").click(function() { if($("#cbx_chkAll").is(":checked")) $("input[name=chk]").prop("checked", true); else $("input[name=chk]").prop("checked", false); }); $("input[name=chk]").click(function() { var total = $("input[name=chk]").length; var checked = $("input[name=ch..

제이쿼리 특수문자 제거

onkeyup='chkChar(this);' function regExp(str){ var reg = /[\{\}\[\]\/?.,;:|\)*~`!^\-_+@\#$%&\\\=\(\'\"]/gi //특수문자 검증 if(reg.test(str)){ //특수문자 제거후 리턴 return str.replace(reg, ""); } else { //특수문자가 없으므로 본래 문자 리턴 return str; } } //특수문자 제거 `\'" 4가지 제거 function chkChar(obj){ var RegExp = /[`\\\'\"]/gi;//정규식 구문 if (RegExp.test(obj.value)) { // 특수문자 모두 제거 obj.value = obj.value.replace(RegExp , ''); } }

ajax 파일 업로드

var formData = new FormData($('#frm')[0]); $.ajax({ url: 'http://...', //request 보낼 서버의 경로 type: 'post', // 메소드(get, post, put 등) dataType: "json", enctype: 'multipart/form-data', async: false, //동기: false, 비동기(기본값): ture data: formData, //보낼 데이터, processData: false, contentType: false, timeout: 3000, headers: { "Authorization": token //로그인 토큰 }, success: function (data) { alert(data.message); l..