Front-end/Vanilla JS

생코_jquery_메모

philo0407 2021. 3. 24. 01:04

.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이면 서버로 데이터 전송 안함