공부집

J Query 요약 본문

프로그래밍 요약정리/JQuery

J Query 요약

ikemen_hk 2017. 12. 18. 23:58


jQuery() = $()

ex> $('#menu').addClass('hello');

      객체선택



Tag: 태그

<태그명>

종류3가지: 시작<태그명>,종료</태그명>,빈 태그(내용이 없는 태그)

빈태그: <br/>,<meta/>,<input/>,etc



Attribute: 속성

:태그의 옵션정의

속성명=속성값

시작태그 내부에 정의한다.

<script src=''></script>



Contents: 내용

시작태그와 종료태그 사이에 있는 것

<h1><p>내용</p></h1> //h1의 Element



Element: 요소

시작태그+내용+종료태그

Element객체로 이루어짐



$('div'): div태그 Element가 선택

E F:자손

E>F:자식

#: id

.: class

ex> #ul > .elements  //id가 ul인 element의 자식 중 class가 elements를 선택



위치기반필터 selectors DOM tree

a:first //a태그중 처음 선택

:nth-child(0) = :first-child




jQuery에서 선택자로 엘리먼트 객체를 선택해 오면

확장객체라고 할 수 있는데

jQuery객체 배열형태라고 할 수 있다.

효과는 엘리먼트 객체를 선택한 효과이다

this(DOM 엘리먼트객체)를 사용

$(this) 사용함(jQuery객체로 변환)




Comments