개발자의 끄적끄적

[JQuery] 요소(element) 찾기[펌] Id, name, class로 찾기 // id로 접근시 $("#id") $("#form_id") // class로 접근시 $(".class") $(".section") // name으로 접근시 $("tag_name[name=name]") $("input[name=search_value]") => 태그이름 뒤 대괄호안에 [ ] 태그가 갖고있는 속성을 명시해서 엘리먼트를 찾을 수 있다. => name뿐아니라 $("input[value='TEST']") 이런식도 가능하다. // tag이름으로 접근시 $("tag_name") $("input") 그렇다면 특정 폼안에 있는 요스를 찾고싶을 땐? $('#form [name="param"]').val(); // sele..

[javascript & jquery] array.pop() 사용법 pop() 메서드는 배열에서 마지막 요소를 제거하고 그 요소를 반환합니다. const plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato']; console.log(plants.pop()); // expected output: "tomato" console.log(plants); // expected output: Array ["broccoli", "cauliflower", "cabbage", "kale"] plants.pop(); console.log(plants); // expected output: Array ["broccoli", "cauliflower", "cabba..

[javascript & jquery] swiper - index 설정 [펌] >> swiper 해당 index를 처음에 보여지고 싶다 - class값으로 처리함 ** test http://unida.co.kr/html_mobile/election_news_main.html var swiper = new Swiper('.sec_region_swiper', { scrollbar: { el: '.swiper-scrollbar', hide: true }, slidesPerView: 7, spaceBetween: 5, //centeredSlides: true, freeMode: true }); swiper.slideTo(getSlideIndexByClass('on')); function getSlideIndex..

[javascript & jquery] swipre.js 반복 option 개발을 하던중 swiper.js 를 많이 사용하실껍니다! 그중 당연히 마지막슬라이드에 가서 다음을 누르면 처음 슬라이드로 가고 싶은데 기본적으로는 안되죠! 당연히 옵션에 아래 값을 추가해야 동작합니다. loop:true 이렇게 하면 마지막 슬라이드에서 처음슬라이드로 이동은 하지만 화면상으로는 다음슬라이드가 없는거 처럼 보이다가 누르면 막상 첫슬라이드로 이동합니다. 즉, 부자연스럽죠! 이때 추가하는 옵션! loopAdditionalSlides: 1 위 옵션을 추가하면 슬라이드가 끊기지않고 뒤에도 계속 있는거처럼 자연스럽게 반복됩니다! 참고하세요!!

[javascript/jquery] qrcode 생성 참고 사이트!! 1. https://davidshimjs.github.io/qrcodejs/

[javascript / jquery] removeClass 클래스 제거 함수 위와 같은 div_1 이라는 id 명을 가진 div 가 있다고 가정하고 $("#div_1").removeClass("div"); 이처럼 실행하면 결과는!! 이렇게 나옵니다!! 이걸 응용해서 클래스 명을 바꾸고자 할때는 $("#div_1").removeClass("div"); $("#div_1").addClass("div_on"); 이처럼 실행하면 결과는!! 이렇게 나오게 됩니다! 꼭 숙지하시길!! ㅎㅎ

[javascript / jquery] addClass 클래스 추가 함수 cccc 위와 같은 div 가 있다고 가정하고 $("div").addClass("aaa"); 이렇게 실행하면 결과는! cccc 위처럼 aaa라는 클래스가 추가된 div를 확인할 수 있습니다!

[javascript/jquery] empty 내용 제거 함수 aaaaaaaa 위처럼 aaaaaaaa 라는 내용이 있는 div가 있다고 가정하고 $("#div_1").empty(); 이렇게 실행하면! 태그만남고 안에있는 문자만 사라진걸 확인할 수 있습니다! remove 와는 또 다른녀석이니 참고하세요!