개발자의 끄적끄적

[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] 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"); 이렇게 작성해주면 됩니다. 참고들 하세요!!

[javascript/jquery] jquery not() 사용법 및 예제 jquery 에서 특정 요소를 찾을때 find 를 사용합니다. 하지만 특정요소에 해당되는 내용이 많은데 그중에서 어떤것들은 제외해야 할때 가있습니다. 그럴때 사용하는 함수입니다. 아래는 기본 사용법입니다. $("찾을 구분").find('찾고자 하는 내용').not('제외내용'); 위 내용을 보시면 아시겠지만, find 구문과 완전 동일하구요, 뒤에 .not('제외내용'); 을 추가하면 됩니다. 예제입니다. abc def 위 처럼 name 이라는 클래스는 가지고 있는 ul 이있고 그 안에 li 을 찾고 싶은데 li들중 아이디가 abc 인것은 제외하고 싶으면 아래처럼 작성하면 됩니다. $(".name").find("li").not("..

[javascript/jquery] jquery find() 사용법 및 예제 jquery 에서 특정 태그안에 있는 요소중 특정 내요을 찾고자 하는 경우가 있습니다. 그럴때 사용하는 함수가 find() 라는 함수입니다. 아래는 기본 사용법입니다. $("찾을 구분").find('찾고자 하는 내용'); 위 내용 보시면 아시겠지만, 찾고자 하는 범위에서 찾고자 하는 내용을 입력하면 됩니다. 예를들어, name 이라는 클래스를 가진 div 안에 있는 요소중 id 가 abc 인 것을 찾으려면 $(".name").find("#abc"); 위처럼 사용하면 됩니다. console.log($(".name").find("#abc")); 이것처럼 찍어보면 f12콘솔에 결과가 잘 나오니까 확인해보세요! 참고들하세용!

[javascript/jquery] jquery checkbox 체크 수 카운트 하기 jquery 로 checkbox 체크 된 수 카운팅 하는 방법입니다. $("input[name='input name']:checked").length 위내용중에 'input name' 라고 되어있는 곳에 현재 선언된 name을 입력하시면 됩니다! 참고하세요!

[javascript/jquery] bootstrap modal 열고 닫는 방법 jquery 로 bootstrap modal 을 열고 닫기를 할때 사용하는 방법입니다. $('#id').modal('show'); $('#id').modal('hide'); 위처럼 모달영역으로 선언되어 있는 id값을 #id 자리에 대체하신 후 오픈하고싶으면 .modal('show') 를 닫고싶으면 .model('hide') 를 해주면 됩니다. 참고하세요!