초급의 끄적거림

jQuery를 활용하여 table의 td나 ul의 li 가져오기 this를 사용하여 가져올 수 있음 아이디 직접 정의보다 클래스로 정의해서 사용 //html table1 table2 table3 table4 table5 test1 test2 test3 test4 //script $(".table-Test td").click(function(){ console.log($(this).text()); }); $(".ul-Test li span").click(function(){ console.log($(this).text()); });

$(function(){ }); 부분이 실행 안될 때, Uncaught ReferenceError: $ is not defined 해결방법 에러메세지 - 페이지에서 개발자모드 (F12)로 에러메세지 확인 가능 Uncaught ReferencedError: $ is not defined 원인 제이쿼리 js가 로딩되지 않음 해결 방법 jQuery가 없으면 $를 사용할 수 없기 때문에 페이지에 .js 를 불러오기 경로의 경우, 본인에 맞춰서 수정

1. 10. for_each.html 10-1) 1) 메인 화면 2) 한번 '7단!' 을 클릭했을 경우, 구구단 7단이 한 번 발생 3) '7단!'을 두 번 클릭한 경우, 클릭하는 횟수마다 구구단이 생김 7단! 10-2) ①,② 구구단 7단이 alert로 뜨는 모습 ③ 마지막 7*9가 뜨고나면 1~9까지 한번에 다 나타남 2. 11_this연습 1) CSS 를 추가하여 각 버튼 별로 색상만들기 버튼 멋진 핑크 쿨한 파랑 네온 녹색 클릭한 버튼정보 클릭한 버튼의 index : ? 클릭한 버튼의 뒷배경색 : ? 클릭한 버튼의 글자 : ? 3. 12_요소의 탐색 1 2 3 4 5 6 7 8 9 4. 13_요소의 생성 ★★★ ⊙ 요소를 생성하는 이유 : 댓글의 더보기 등의 무한 스크롤링하기 위해 ⊙ append..

1. jQuery ⊙ 배우기 전에 기본 지식 : HTML/CSS/JavaScript ⊙ 자바스크립트 함수들로 이루어진 라이브러리 ⊙ XML문서를 쉽게 사용할 수 있는 대안 ⊙ HTML 엘리먼트 선택/조작, HTML 이벤트 함수 ⊙ HTML DOM traversal과 수정 ⊙ 자바스크립트 효과 및 애니메이션 ⊙ CSS 조작 ⊙ AJAX ⊙ 자바스크립트 사용시 편리함을 위해서 사용 2. jQuery 라이브러리 ⊙ 외부라이브러리 : jquery - js - moment-with-locales.jsp ⊙ D:\java0514\frontend\js\jquery-3.4.1.min.js (= basicWeb/WebContent/jquery/js/jquery.js) 3. jQuery 문법 ⊙ jQuery에서는 HTML..

1. 환경설정 - 플러그인 tern 참고 https://handcoding.tistory.com/8 1) Help → Install New Software 2) http://oss.opensagres.fr/tern.repository/1.2.0/ 검색 → '체크' 해줄 것 3) Next 선택 4) I accept the terms of the license agreement (동의) → Finish 5) OK 선택 6) 이클립스 재시작 Yes 7) 적용 방법 : 적용하려는 프로젝트 우클릭 → Configure → Convert to Tern Project 8) 프로젝트 Properties → JavaScript → Tern → Modules → Browser / CKEditor / jQuery 체크 ※ ..