FrontEnd/JQuery 3

#46. jQuery(이벤트, 안중요한거1~2), W.A.S(apache tomcat) 시작

46-1. jQuery 1. 이벤트 이벤트 핸들러(이벤트 발생 시 실행될 코드) 연결 방법 종류 * 방법 1. 이벤트 메소드를 통한 연결 $('선택자').이벤트메소드(function(){ 에빈트 발생 시 실행할 내용; }) 클릭해보세요! * 방법 2. on메소드를 호출하는 방법 [ 표현법 ] $('선택자').on('이벤트명', function(){ 이벤트 발생 시 실행할 내용; }); 마우스로 클릭도 해보고 올려도보고 * 방법 3. on메소드를 쓰는 방법 ***** [ 표현법 ] $('상위요소선택자').on('이벤트명', '하위요소선택자', function(){ 이벤트 발생 시 실행할 내용; }); h4요소를 클릭해보세요. h5요소를 클릭해보세요. * 동적으로 만들어진 요소에 이벤트 적용 기존에 존재하는..

FrontEnd/JQuery 2023.09.05

#45. jQuery(content영역관련메소드, 요소생성및제거, 추가적인메소드, 응용예시)

1. content영역관련메소드 content 영역관련 메소드 ************ html('문구') : innerHTML 속성과 관련된 메소드 선택된 요소의 content영역(여는태그와 닫는태그 사이)을 리턴해주거나 또는 변경해주는 메소드 - $('선택자').html() : 선택된 요소의 content영역의 값을 반환해줌 - $('선택자').html('문구') : 선택된 요소의 content영역의 값을 해당 문구로 바꿔줌 => 이 때 HTML태그를 인식 O 네이버로 * text('문구') : innerText속성과 관련된 메소드 선택된 요소의 content영역의 텍스트만 리턴해주거나 변경해주는 메소드 - $('선택자').text() : 선택된 요소의 content영역을 반환해줌 - $('선택자')...

FrontEnd/JQuery 2023.09.04

#44. jQuery 기본선택자, 추가적인선택자, 필터링관련선택자, 탐색(순회)메소드_조상, 자식, 동위

1. 기본선택자 기본선택자 * 아이디 선택자 현재 이 HTML문서에서 고유한 아이디 속성값을 가진 요소 단 하나만을 선택할 때 사용 ID1 ID2 * 태그 선택자 해당 태그요소를 전부 다 선택하고 싶을 때 사용 Java Oracle JDBC HTML CSS JavaScript * 클래스 선택자 특정 클래스 속성값을 가진 요소들을 선택할 때 사용 Class1 Class2 Class3 2. 추가적인선택자 추가적인 선택자 * 자식선택자(>)와 후손선택자( ) div의 자식요소1이면서 li의 부모요소이면서 div/h3의 조상요소 div의 후손이면서 ul의 자식요소1 div의 후손이면서 ul의 자식요소2 div의 후손이면서 ul의 자식요소3 div의 후손이면서 ul의 자식요소4 div의 후손이면서 ul의 자식요소..

FrontEnd/JQuery 2023.09.01