- 제이쿼리 -선택자 목차
-선택자
선택자는 HTML요소를 선택하여 가져옵니다. 제이쿼리 선택자는 CSS선택자와 마찬가지로 선택한 디자인 속성을 적용할 때 사용할 수 있습니다.
!이때! HTML에서 작성한 스타일은 사용자의 동작에 의해 스타일을 변경할 수 없기 때문에 HTML에서 작성한 스타일(CSS)은 ‘정적이다’라고 표현합니다.
하지만 제이쿼리 선택자를 사용하면 ‘동적’으로 스타일을 적용할 수 있습니다.
-선택자 사용하기
선택자를 사용하기 위해서는 문서 객체를 불러와야 한다. <body>영역에 문서 객체를 먼저 불러온 다음 선택자를 사용할 수 있도록 작성해야한다.
기본형 | 1.선택한 요소에 지정한 스타일을 적용한다.
ex) $(“CSS선택자”).css(“스타일 속성명”,“값”);
2.선택한 요소에 지정한 속성을 적용한다.
ex) $(“CSS선택자”).attr(“속성명”,“값”);
-기본 선택자
<body>영역에 있는 문서 객체를 선택할 수 있는 선택자를 알아보겠습니다.
기본 선택자의 종류
-직접 선택자
직접 선택자는 주로 멀리 떨어진 요소를 직접 선택할 때 사용하는 선택자이다. ex) *(전체), 아이디(#) 클래스(.) 요소명, 그룹(,) 선택자 등
전체 선택자
전체 요소를 선택할 때 사용한다. HTML의 모든 태그를 선택한다.
기본형 | $(“*”)
'Java Script & j Query > j Query' 카테고리의 다른 글
| 제이쿼리 -이벤트 등록 메서드 (0) | 2018.11.22 |
|---|---|
| 제이쿼리 수치조작 메서드들 (0) | 2018.11.21 |
| 제이쿼리 -객체 조작 속성조작 메서드들 (0) | 2018.11.20 |
| 제이쿼리 -탐색 선택자 (0) | 2018.11.19 |
| 제이쿼리 START (0) | 2018.11.17 |