jQuery (5) 썸네일형 리스트형 [JQuery] closest, parent, children, find 차이 간단하게 차이점에 대하 작성해보겠습니다. - closest()는 모든 부모 요소를 대상으로하여 원하는 요소만 선택자로 가져올 수 있다 하나가 아닌 모든 부모 요소를 반환할 필요가 있다면 parents() 메소드를 사용한다. - parent()는 해당 요소의 바로 위의 부모 요소를 반환 - children()은 해당 요소의 바로 아래 자식 요소들만을 반환 - find()는 해당 노드 아래의 전체 DOM을 탐색하여 반환 - prev() - 이전 요소를 선택하도록 반환 - next() - 다음 요소를 선택하도록 반환 [javaScript] formData 확인하기(console.log로 안보이는 경우) console.log()로 formData를 확인하는 경우 정확하게 값을 확인할 수 없습니다. formData에 Key 와 Value를 확인할 수 있는 방법입니다. for (var key of formData.keys()) { console.log(key); } for (var value of formData.values()) { console.log(value); } [jQuery] 해당 테이블의 tr 개수 구하기 이번에는 해당 테이블의 tr 개수를 구하는 방법에 대해 알려드리도록 하겠습니다. 다음과 같이 간단한 예제 코드를 작성합니다. column1 column2 column3 1 내용 기타 2 내용 기타 3 내용 기타 tr의 개수를 구하는 방법은 간단합니다. 이렇게 작성하시면 해당 테이블의 tbody의 tr 개수를 가져옵니다. 감사합니다. [jQuery] 테이블 tr 동적 추가 삭제하기 안녕하세요 오늘은 해당 테이블의 tr 개수를 구하는 방법에 대해 알려드리도록 하겠습니다. 우선 간단한 테이블 예제 코드입니다. column1 column2 column3 1 내용 기타 자 그리고 항목 추가, 항목을 삭제할 버튼도 작성합니다. 항목 추가 항목 삭제 항목 추가는 rowAdd() 함수, 항목 삭제는 rowDelete() 함수로 작성합니다. 자 다음과 같이 테이블을 생성하고 항목 추가를 하면 밑에 항목이 생기고 항목을 삭제하면 마지막 열을 삭제하도록 하겠습니다. 자 그럼 항목 추가에 대한 함수를 사이에 작성하도록 합니다. tr 부분을 복사해서 사용하시면 편합니다. 자 여기서 참고하실 사항은 var trCnt = $('#myTable tr').length; 이 부분은 테이블의 tr에 대한 개수를 .. [jquery] iCheck plugin 사용하기 안녕하세요 오늘은 jquery 에서 bootstrap과는 조금 다른 iCheck에 대한 사용법에 대해 알아보도록 하겠습니다. 일단 iCheck의 장점은 다음과 같습니다. - 서로 다은 브라우저 및 장치에서 동일한 입력 - 터치 장치 지원 - 키보드 접근 입력 - 커스텀의 자유 - 가벼운 크기 일단 iCheck와 관련된 홈페이지입니다. 참고만 하세요. 홈페이지 주소: http://icheck.fronteed.com/ 깃허브 주소: https://github.com/fronteed/iCheck 우선 Github에서 관련 파일을 다운로드 받도록 하겠습니다. fronteed/icheck Highly customizable checkboxes and radio buttons (jQuery & Zepto) - fr.. 이전 1 다음
