0)서문
오늘은 날이 시원해져서 그런지 강의에 집중하기가 훨씬 더 수월해져서 좋았던 것 같다. 특히 담당자분께서 여려가지 신경써준 덕분에 강의도 큰 문제 없이 진행된거 같아 매우 좋았다.
그러다보니 코드도 쉽게 이해가 되고 개발자로써의 실력도 점점 쌓여가고 있는 거같다.
조금 더 노력해서 좋은 개발자가 되어야겠다고 생각하게 되는 하루였던 것 같다.
1) 학습한 내용
Form 태그 선택자
- Form 태그 내부의 입력에 관련된 태그들에 대한 선택자
- input : 모든 입력에 관련된 태그들을 선택
(function(){(":input").css("background-color", "yellow"); })
• text : type 속성이 text인 input 태그를 선택
• :password : type 속성이 password인 input 태그를 선택
• :radio : type 속성이 radio인 input 태그를 선택
• :checkbox : type 속성이 submit인 input 태그를 선택
• :submit : type 속성이 submit인 input 태그를 선택
• :reset : type 속성이 rese 인 input 태그를 선택
• :button : type 속성이 button인 input 태그를 선택
• :image : type 속성이 image인 input 태그를 선택
• :file : type 속성이 file인 input 태그를 선택
- text, :password
(function(){(":text").css("background-color", "yellow"); $(":password").css("background-color", "red");
});
jQuery 이벤트 함수
- jquery는 여려 이벤트에 대해 이벤트 처리할수있는 함수를 제공한다
- 각 함수는 해당 이벤트가 발생됐을 때 등록된 함수를 자동으로 호출
• click : 클릭
• Dblclick : 더블 클릭
• Mouseenter : 마우스 커서가 들어왔을 때
• Mouseleave : 마우스 커서가 나갔을 때
• Mousedown : 마우스 키를 눌렀을 때
• Mouseup : 마우스 키를 떼었을 때
• Hover : 마우스 커서가 들어왔을 때와 나갔을 때
DOM
• Document Object Model
• text : 태그 사이의 문자열을 제어
• html : 태그 내부의 html을 제어
• val : 입력 도구들의 value 속성값을 제어
• attr : 태그의 속성을 제어
정리
• text 함수를 사용하면 태그 내부의 문자열을 제어할 수 있다.
• html 함수를 사용하면 태그 내부의 html 코드를 제어할 수 있다.
• val 함수를 사용하면 입력 도구들의 value 속성을 제어할 수 있다.
• attr 함수를 사용하면 태그의 속성을 제어할 수 있다.
2) 학습내용 중 어려웠던 점
없었다.
3) 해결방법
..
4) 학습소감
오늘은 학습도 잘되고 강의에 집중 할수 있어서 다행이라 생각한다.
