티스토리 뷰

Java Script & j Query/j Query

제이쿼리 -선택자

Xion 2018. 11. 17. 01:10

-선택자

선택자는 HTML요소를 선택하여 가져옵니다. 제이쿼리 선택자는 CSS선택자와 마찬가지로 선택한 디자인 속성을 적용할 때 사용할 수 있습니다.

!이때! HTML에서 작성한 스타일은 사용자의 동작에 의해 스타일을 변경할 수 없기 때문에 HTML에서 작성한 스타일(CSS)은 ‘정적이다’라고 표현합니다.

하지만 제이쿼리 선택자를 사용하면 ‘동적’으로 스타일을 적용할 수 있습니다.

-선택자 사용하기

선택자를 사용하기 위해서는 문서 객체를 불러와야 한다. <body>영역에 문서 객체를 먼저 불러온 다음 선택자를 사용할 수 있도록 작성해야한다.

기본형 | 1.선택한 요소에 지정한 스타일을 적용한다.

ex) $(“CSS선택자”).css(“스타일 속성명”,“값”);

2.선택한 요소에 지정한 속성을 적용한다.

ex) $(“CSS선택자”).attr(“속성명”,“값”);

-기본 선택자

<body>영역에 있는 문서 객체를 선택할 수 있는 선택자를 알아보겠습니다.

기본 선택자의 종류

-직접 선택자

직접 선택자는 주로 멀리 떨어진 요소를 직접 선택할 때 사용하는 선택자이다. ex) *(전체), 아이디(#) 클래스(.) 요소명, 그룹(,) 선택자 등

전체 선택자

전체 요소를 선택할 때 사용한다. HTML의 모든 태그를 선택한다.

기본형 | $(“*”)