본문 바로가기

프로그래밍 /JAVA SCRIPT

[Jquery] 요약 메서드

Jquery 메서드 


기본 필터 선택자


filter().odd :홀수 번째에 위치한 객체

.even : 짝 번째에 위치한 객체

.first   :첫번째에 위치한 객체

.last  :마지막 번째에 위치한 객체

.eq(i) :I 번째에 위치한 객체


함수 필터 선택자

eq(n) : n번째 위치 객체

gt(n) : n번째 초과 위치에 객체

It(n) : n번째 미만에 위치하고 있는 객체

has(h1)  : h1 태그를 가지고 있는 객체

not  : 일치 하지 않는것 

nth-child(3n)  : 3N인 객체

hidden  : hidden

visible  : visible 


배열


$each(array,function(index, item){

});

  -> 배열 함수 (인덱스 , 값). 배열 갯수만큼 실행


$(selector).each(array,function(index, item){}); 

-> 선택 속성의 만큼에 


문서객체 다루는 메서드

addClass()

-> 속성 추가  $(‘’).addClass(‘정의한 클래스’)

removeClass

->-> 속성 삭제  $(‘’).addClass(‘삭제할 클래스’)

attr()

-> 속성 관련하여   속성값을 추가 할때   Attribute 기능

removeAttr(name)

->. 속성 제거 시 사용

css()

-> 스타일관련하여 

html()

-> html 태그 인식 값을 가져오기   값을 추가 하던가

text()

-> 문서 객체 글자 관련하여 가져오던가 추가하던가 

remove()

->. 특정 객체 삭제

Empty

-> 특정 후손까지 삭제 (조상을 삭제하면 후손까지 삭제된다)

$()

-> 기본 생성

$(a).appendTo(b)

-> 앞뒤 추가 

clone()

-> 복제


Jquery 이벤트 


Event.Page X 브라우져 x좌표

Event.Page Y 브라우져 y좌표

event.preventDefault()  기본이벤트 

Event.stopPropagation() 이벤트 전달


이벤트 메서드


$(document).ready(). Html 문서가 불러와지면 실행


bind()  - >  이벤트 연결


unbind(). -> 이벤트 연결 제거


liv() 현재 또는 미래에 존재하는 객체에 이벤트 연결

die() ->  live 메서드를 사용해 연결한 이벤트 해제


on()  이벤트 연결 

_>(bind , live delegate() 대체//

off()  이벤트 연결 해제 

->( unbind() , die() , undelegate() ) 대체 해서 사용)


toggle() -> click 이벤트를 여러 이벤트 핸들러 를 번갈아가면서 실행 연결


hover()  mouseenter mouseleave 이벤트를 동시에 연결


trigger() 이벤트 강제로 발생 

'프로그래밍 > JAVA SCRIPT' 카테고리의 다른 글

[ES6] let & const  (0) 2018.07.31
[JavaScript] 자바스크립트 타입 및 연산자  (0) 2018.06.07
[JQUERY] 이벤트 글자 제한  (0) 2018.01.10
[JavaScript] 빙고게임 판  (0) 2018.01.09
[JavaScript] 카드 짝 맞추기  (0) 2018.01.09