개발자의 끄적끄적

[javascript/jquery] input name 동일한 요소 가져올때 주의점 jquery 에서 같은 이름을 가지는 imput 를 가져오거나 제어하고자 할때, 아래처럼 name=inputname 를 선언하면 내용을 확인 할수 있습니다. $("input[name=inputname]") 하지만 배열 형태로 되어 있는 태그를 가져올때는 아래처럼 (') 홀따옴표를 붙여줘야 합니다! $("input[name='inputname[]']") 참고들하세요!

[javascript/jquery] unrecognized expression 원인 및 해결 방법 jquery 에서 아래처럼 name을 img[] 를 가지는 모든 것들을 지워보고자 했는데. $("input[name=img[]]").remove(); 실행해보니, unrecognized expression 에러가 납니다. 즉, 특수문자 관련 에러가 발생하는 부분입니다. 잘 살펴보면 name=img[] 가 아니라 name='img[]' 이렇게 처리를 해줘야 합니다!

[javascript/jquery] 자바스크립트 현재 년월일 구하기 javascript에서 현재 년 월 일을 구하는 방법입니다. var today = new Date(); var year = today.getFullYear(); // 년도 var month = today.getMonth() + 1; // 월 var date = today.getDate(); // 날짜 var day = today.getDay(); // 요일 console.log(year); console.log(month); console.log(date); console.log(day); 위 내용을 가지고 응용해서 현재 날짜도 구하고, 날짜 계산 하는데 사용하시면 됩니다! 참고들 하세요!

[javascript/jquery] jquery .html() 과 .text() 사용법과 차이점 jquery 에서 특정 타겟의 내용을 뽑아오고 싶을때 사용하는 함수가 .html() 과 .text() 입니다. 비슷하지만 약간의 차이가 있습니다. 아래는 .html() 기본 사용법입니다. $("타겟").html(); .html() 은 타겟으로 지정된 노드의 내용을 html 형식으로 태그를 포함해서 추출해 줍니다. 아래는 .text() 기본 사용법입니다. $("타겟").text(); .text() 는 타겟으로 지정된 노드의 내용을 html이 아닌 text 형식으로 태그를 제외 하고 추출해 줍니다.

[javascript/jquery] jquery 특정 노드 갯수 및 특정 노드 찾기 jquery에서 특정 노드의 갯수를 구하거나, 특정 노드중 특정 순번에 있는 노드를 찾으려고 하는 경우에 사용하는 방법입니다. 우선 특정 노드의 갯수를 구하는 방벙입니다. $대상.length; 특정 노드중 특정 순번에 있는 노드를 찾으려고 하는 경우에 사용하는 방법 $대상.eq(index); 위 내용들을 보시면 다들 아시겠지만, $대상 이라고 하는 부분은 $("#아이디") $(".클래스") 처럼 선언해서 사용하시면 됩니다! 참고하세요!

[javascript/jquery] 퍼블리싱에 많이 사용되는 jquery plugin 모음 사이트 [링크] 웹 퍼블리싱 할때, 사용할만한, 많이 사용하는 jquery plugin 사이트 10개를 정리해놓은 사이트를 발견해서 공유하고자 링크 달아보려고 합니다! 들어가서 보시면 대부분 아시는 plugin 이겠지만, 도움은 되실껍니다! 참고하세요!! SITE URL www.biew.co.kr/entry/%EC%9B%B9%ED%8D%BC%EB%B8%94%EB%A6%AC%EC%8B%B1%EC%9D%84-%EC%9C%84%ED%95%9C-JQUERY-Plugin?category=314311 웹퍼블리싱을 위한 JQUERY Plugin 저는 웹퍼블리싱을 시작하면서 젤 큰 고민이 스크립트 구현 영역에 관한 부분이었던것 ..

[javascript/jquery] swiper js 자동재생 delay 옵션 예제 swiper.js 를 이용할때 자동 재생 딜레이를 주는 옵션 예제 입니다. var Swiper = new Swiper('.swiper-container', { autoplay: { delay: 2000, }, }); 위 내용중 delay :2000 이라고 되어있는 부분은 딜레이를 2초간 준다는 의미입니다. 1000 -> 1초라고 보시면 됩니다. 참고하세요!

[javascript/jquery] jquery clone 사용법 및 예제 jquery 에서 특정 내용을 그대로 복사해서 다른 태그 안으로 넣고 싶을때 clone() 라는 함수를 사용하면 됩니다. 아래는 기본 사용법입니다. $("옮길 내용").clone().append("옮길 대상 태그"); clone 위내용 보시면, aaa 라는 클래스를 가진 div 안에 clode 라는 id를 가진 div를 복사해서 bbb 라는 클래스 div 안으로 넣고싶으면 $("#clone").clone().append(".bbb"); 이렇게 작성해주면 됩니다. 참고들 하세요!!