제이쿼리 메소드(1)

$(this)

• 자신을 바인딩
  JSthis === jQuery$(this)[0]

.find()

• 해당 선택자 자손요소를 선택

.siblings()

• 선택자의 형제들 선택

.eq()

• 선택자중에 해당 인덱스 요소를 선택

.add()

• 해당 선택자의 선택 요소 추가

.not()

• 해당 선택자 중에 ( )내부의 선택자를 제외 하고 요소 선택

.has()

• ( )내부의 요소를 가지고 있는 선택자 선택

.parent()

• 해당 선택자 바로 상위 부모 요소 선택

.parents()

• 해당 선택자 상위 모든 부모 요소 선택

.next()

• ( )의 선택 요소의 바로 다음에 위치한 형제 요소 선택

.prev()

• ( )의 선택 요소의 바로 이전의 위치한 형제 요소 선택

.after()

• ( )의 선택 요소에 뒤에 새로운 요소 추가 또는 다른 요소를 이동

.before()

• ( )의 선택 요소에 앞에 새로운 요소 추가 또는 다른 요소를 이동

.css()

• ( )의 선택 요소의 css속성값을 갖고옴. 또는 style속성 추가

.on()

• 이벤트를 동시에 실행시킬수 있음. 이벤트 실행
• 자바스크립트에서 EventListener

.ready()

• 호출 시점 차이. DOM TREE 생성이 완료된 후 호출

.laod()

• 웹페이지가 다 구성된 후 호출

.text()

• 요소내부의 text를 갖고옴. 또는 text바꿈

.html()

• 요소내부의 html를 String형태로 갖고옴. 또는 html를 바꿈
• text와 다르게 html태그 기능이 실행

.addClass()

• ( )의 선택요소에 클래스를 추가

.removeClass()

• ( )의 선택요소에 클래스를 지움

.toggleClass()

• 클래스를 실행/삭제 두 기능 (토글기능)

.animate()

• 애니메이션 기능 (CSS를 객체 형식으로 입력)