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 |