본문 바로가기

js

(59)
js 2022. 7. 8. 14:14
[js]만 나이 구하기 See the Pen 만나이 구하기 by sangmok-ye (@sangmok-ye) on CodePen.
js 2022. 7. 6. 16:21
[js]input text 전체 입력 시 버튼 활성화 See the Pen 전체 입력 시 버튼 활성화 by sangmok-ye (@sangmok-ye) on CodePen. input checkbox 전체 체크 시 버튼 활성화 https://yesm1230.tistory.com/43
js 2022. 6. 30. 17:59
[js]iframe 사용 시 부모 document접근하기(아이프레임) 모달 팝업 사용시 iframe으로 접근할 경우 $("iframe 내 close btn").click(function(){ $("body",parent.document).find(".layer").removeClass("on") }) .layer → 부모document내 layer틀 역할 iframe 내 파일 삽입 부모에 있는 input으로 iframe 스크립트 조절할때 $("부모에 있는 input", parent.document).change(function() { //실행될 함수 }); → 원래창에 있는 input값 변화 시 자식(iframe)에 있는 스크립트 실행 부모에서 iframe으로 접근할때 $(".handler").click(function(){ let target = $("iframe").c..
js 2022. 6. 13. 16:26
[js] css/js 비교 - 드래그하는 만큼 움직이는 슬라이드 swiper See the Pen 드래그하는 만큼 스크롤되기 by sangmok-ye (@sangmok-ye) on CodePen.
js 2022. 5. 27. 15:12
[js]제이쿼리 라이브러리 모음 1. slick https://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io 2. swiper https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated tr..
js 2022. 5. 25. 15:09
[js]변수 출력 방법, 템플릿 리터럴 (백틱Backtick 사용) See the Pen Untitled by sangmok-ye (@sangmok-ye) on CodePen. **백틱 안에서 백틱을 쓰기 위해서는 역슬래쉬 사용
js 2022. 5. 23. 14:45
[js]자바스크립트 선택자 종류 javaScript 선택자 종류 1. getElement~로 시작하는 선택자 - getElementById - getElementsByClassName - getElementsByTagName - getElementsByTagNameNS 2. querySelector~로 시작하는 선택자 - querySelector - querySelectorAll → getElement에 s가 붙은 것들과 querySelectorAll은 배열로 선택자를 가져옴 변수로 지정해서 가져올 경우 인덱스를 사용하여 선택하여야함 → 그 외, getElementById, querySelector는 가장 첫번째 요소를 선택함 let box = document.getElementById("box") console.log(box) doc..
js 2022. 5. 20. 17:41
[js]array 배열 기초 See the Pen array 기초 by sangmok-ye (@sangmok-ye) on CodePen. let array = [ {"name":"제품명1","unit":"단가1"}, {"name":"제품명2","unit":"단가2"}, {"name":"제품명3","unit":"단가3"}, {"name":"제품명4","unit":"단가4"}, ] console.log(array[i].name) /* ========================================= */ let array= [ "제품명1", "제품명2", "제품명3", "제품명4", ] console.log(array[i]) php 배열 추출 explode() $str = "hi hello bye" $array = explod..

top