본문 바로가기
반응형

전체 글6

[jQuery] 제이쿼리, 계층을 이용한 요소 접근2 2021.11.09 - [jQuery] - [jQuery] 제이쿼리, 계층을 이용한 요소 접근1 [jQuery] 제이쿼리, 계층을 이용한 요소 접근1 jQuery에서는 4개의 계층 실렉터를 지원하고 있습니다. 다음은 jQuery에서 지원하고 있는 계층 실렉터들입니다. 셀렉터의 종류 셀렉터 표현식 자식(Child) 셀렉터 $(“parent > child”) 하위(Descendant) 셀 coding-dogs.tistory.com ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑Child, Descendant 셀렉터에 관련된 내용↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 3. 형제(Next Adjacent) 셀렉터 : $(“prev + next”) prev 요소 바로 다음에 나오는 형제 수준의 next 요소와 일치하는 항목을 반환합니다. 즉,.. 2021. 11. 9.
[jQuery] 제이쿼리, 계층을 이용한 요소 접근1 jQuery에서는 4개의 계층 실렉터를 지원하고 있습니다. 다음은 jQuery에서 지원하고 있는 계층 실렉터들입니다. 셀렉터의 종류 셀렉터 표현식 자식(Child) 셀렉터 $(“parent > child”) 하위(Descendant) 셀렉터 $(“ancestor descendant”) 형제(Next Adjacent) 셀렉터 $(“prev + next”) 형제들(Next Siblings) 셀렉터 $(“prev ~ siblings”) 1. 자식(Child) 셀렉터 : $(“parent > child”) 부모 요소 바로 아래 자식 요소를 반환합니다. 함수 안에 $("ul.name > li").css("border", "1px solid red") 를 작성해 줍니다. HTML 문서에서 ul 요소 중 'name'.. 2021. 11. 9.
[jQuery] 제이쿼리, 속성값을 통해 요소 선택2 2021.11.08 - [jQuery] - [jQuery] 제이쿼리, 속성값을 통해 요소 선택1 [jQuery] 제이쿼리, 속성값을 통해 요소 선택1 각각의 요소들은 속성값을 가질 수 있습니다. 각 요소들의 속성들은 사전에 정해진 이름이 있거나, 사용자에 의해서 만들어 질수도 있습니다. jQuery의 CSS셀렉터와 필터의 조합으로 관련된 요소 coding-dogs.tistory.com ↑↑↑↑↑↑Has Attribute, Attribute Equals, Attribute Not Equals 셀렉터에 관련된 내용↑↑↑↑↑↑ 4. Attribute Starts With 셀렉터 : $(Selector[attr^=”value”]) 지정된 attr의 value값으로 시작되는 요소와 일치하는 요소를 찾아서 반환합니.. 2021. 11. 9.
[jQuery] 제이쿼리, 속성값을 통해 요소 선택1 각각의 요소들은 속성값을 가질 수 있습니다. 각 요소들의 속성들은 사전에 정해진 이름이 있거나, 사용자에 의해서 만들어 질수도 있습니다. jQuery의 CSS셀렉터와 필터의 조합으로 관련된 요소들에 접근이 가능합니다. 다음은 jQuery에서 지원하고 있는 속성에 관련된 셀렉터들 입니다. 셀렉터의 종류 설명 $(Selector[attr]) attr 속성값을 가지는 셀렉터 요소와 일치 $(Selector[attr=”value”]) attr 속성의 값이 value 와 동일한 값인 셀렉터 요소와 일치 $(Selector[attr!=”value”]) attr 속성의 값이 value 와 같지 않은 값인 셀렉터 요소와 일치 $(Selector[attr^=”value”]) attr 속성의 값이 value 값으로 시작하.. 2021. 11. 9.
[jQuery] 제이쿼리, 기본 셀렉터2(all, id, element, class, multiple ) 2021.11.05 - [jQuery] - [jQuery] 제이쿼리, 기본 셀렉터1(all, id, element, class, multiple ) [jQuery] 제이쿼리, 기본 셀렉터1(all, id, element, class, multiple ) 오늘은 jQuery의 기능중 한가지인 HTML DOM을 탐색하는 기능에 대해서 알아보겠습니다. jQuery의 DOM은 CSS 셀렉터를 사용하고 있습니다. CSS에 사용한 표현식을 알고 있다면 보다 수월하게 셀럭터에 대 coding-dogs.tistory.com ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑All, ID, Element 셀렉터에 관련된 내용↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 4. Class 셀렉터 자바스크립트의 getElementByClassName()과 동일한.. 2021. 11. 8.
[jQuery] 제이쿼리, 기본 셀렉터1(all, id, element, class, multiple ) 오늘은 jQuery의 기능중 한가지인 HTML DOM을 탐색하는 기능에 대해서 알아보겠습니다. jQuery의 DOM은 CSS 셀렉터를 사용하고 있습니다. CSS에 사용한 표현식을 알고 있다면 보다 수월하게 셀럭터에 대해 이해 할 수 있습니다. 내가 원하는 요소를 찾기 위해서 $(Selector), jQuery(Selector)와 같은 표현식을 사용하는데, $는 jQuery의 축약어입니다. 다음과 같이 DOM요소들을 선택할수 있습니다. 셀렉터의 종류 셀렉터 표현방법 All 셀렉터 $("*") ID 셀렉터 $("#idName") Element 셀렉터 $("elementName") Class 셀렉터 $(".className") Multiple 셀렉터 $("셀렉터1, 셀렉터2, 셀렉터3...") 1. All 셀.. 2021. 11. 5.
반응형

티스토리툴바