.end()
마지막으로 사용한 traversing을 취소한다 : find('.foo') 메서드
$('ul.first') 로 돌아가라
api.jquery.com/category/traversing
taeyo.net/columns/View.aspx?SEQ=375&PSEQ=29&IDX=0
<input type="button" onclick="alert(window.location)" value="alert(window.href)" />
이벤트 타겟 : 이벤트 일어날 객체 (버튼 태그 등)
이벤트 타입 : click 같은 것
이벤트 핸들러 : 이벤트 발생시 동작 코드 : alert(...)
bind() : 이벤트 설치
unbind() : 이벤트 제거
trigger() : 이벤트 호출
$(document).bind('ready', function(){ ... }
'ready' : 브라우저의 html이 모두 로딩된 다음을 뜻하는 이벤트 타입
이벤트 핸들러는 보통 익명함수를 많이 쓰는데.. 이유는 이 함수들이 대게 재활용되지 않기 떄문
live() : 현재 존재 하지는 않지만.. 이벤트를 미리 설치해둘 수 있어,
그리고 dom 객체 로딩되면 그때 설치함..
성능이나 잠재적인 위험을 가진 설치 방법
.append() 자식노드로 삽입
.after() 친구(형제)로 삽입
.wrap() 부모로 감싸기
.remove() 노드삭제
.replaceAll() 치환
.toggleClass() 없으면 있게, 있으면 없게: 메롱시티
.val() 속성 제어
"tobe교체할대상".replaceAll(target)
: target 객체를 tobe로 바꿈.. : 보통의 경우와 반대
.keyup(function(){
$(this) : event가 발생한 엘리먼트, dom객체
}
.blur(~)
.change(~)
.bind(~)
이벤트 타입 설치(바인딩)
.change(function(e){...})
요 함수내에 e.target 잇으면.. 이벤트가 발생된 객체를 반환 == this랑 같은 의미이다.
.fadeOut(1000)
1초뒤에 사라져랏
만일..return false이면 서버로 데이터 전송 안함.end()
마지막으로 사용한 traversing을 취소한다 : find('.foo') 메서드
$('ul.first') 로 돌아가라
api.jquery.com/category/traversing
taeyo.net/columns/View.aspx?SEQ=375&PSEQ=29&IDX=0
<input type="button" onclick="alert(window.location)" value="alert(window.href)" />
이벤트 타겟 : 이벤트 일어날 객체 (버튼 태그 등)
이벤트 타입 : click 같은 것
이벤트 핸들러 : 이벤트 발생시 동작 코드 : alert(...)
bind() : 이벤트 설치
unbind() : 이벤트 제거
trigger() : 이벤트 호출
$(document).bind('ready', function(){ ... }
'ready' : 브라우저의 html이 모두 로딩된 다음을 뜻하는 이벤트 타입
이벤트 핸들러는 보통 익명함수를 많이 쓰는데.. 이유는 이 함수들이 대게 재활용되지 않기 떄문
live() : 현재 존재 하지는 않지만.. 이벤트를 미리 설치해둘 수 있어,
그리고 dom 객체 로딩되면 그때 설치함..
성능이나 잠재적인 위험을 가진 설치 방법
.append() 자식노드로 삽입
.after() 친구(형제)로 삽입
.wrap() 부모로 감싸기
.remove() 노드삭제
.replaceAll() 치환
.toggleClass() 없으면 있게, 있으면 없게: 메롱시티
.val() 속성 제어
"tobe교체할대상".replaceAll(target)
: target 객체를 tobe로 바꿈.. : 보통의 경우와 반대
.keyup(function(){
$(this) : event가 발생한 엘리먼트, dom객체
}
.blur(~)
.change(~)
.bind(~)
이벤트 타입 설치(바인딩)
.change(function(e){...})
요 함수내에 e.target 잇으면.. 이벤트가 발생된 객체를 반환 == this랑 같은 의미이다.
.fadeOut(1000)
1초뒤에 사라져랏
만일..return false이면 서버로 데이터 전송 안함
'Front-end > Vanilla JS' 카테고리의 다른 글
newlecture: js es5 브라우저 플랫폼 2 : 노드 다루기 (0) | 2021.05.02 |
---|---|
newlecture: js es5 브라우저 플랫폼 (0) | 2021.05.01 |
newlecture: js es5 순수언어 part (0) | 2020.11.12 |
youtube 총 재생 시간 구하기 @@ !! (0) | 2020.11.11 |
js, json의 길이 추측 (0) | 2020.11.11 |
hi hello... World >< 가장 아름다운 하나의 해답이 존재한다
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!