본문 바로가기

선택자4

[JQUERY] 탐색 선택자 Jquery : 탐색 선택자 이번 시간에는 자바스크립트의 jquery 탐색 선택자에 대해 알아보겠습니다.😆 #1. jquery 탐색 선택자 다음은 제이쿼리의 탐색 선택자를 정리해놓은 것입니다! 함께 탐색 선택자 종류를 알아볼까요?! 선택자 종류 설명 children() $("div").children() div 요소의 자식 요소를 선택합니다. parent() $("p").parent() p 요소의 부모 요소를 선택합니다. parents() $("p").parent("div") p 요소의 부모가 되는 모든 div 요소를 선택합니다. closest() $("p").closest("div") p 요소의 부모가 되는 첫번째 div 요소를 찾습니다. next() $("div.m").next() div.m 요소의 .. 2022. 8. 31.

[SITE] 웹사이트 - 텍스트 유형01 TextType01 웹페이지 실습을 위한 텍스트 유형을 실습해보겠습니다! 이번 유형은 보통 텍스트로만 정보를 제공하고자 할 때 사용합니다. 그럼 아래의 코드를 보며 함께 실습 해보겠습니다😆 이번 유형은 이미지가 들어가지 않고 대신 아이콘이 들어가게 됩니다. 텍스르로만 이루어진 만큼 더 신경써서 작업해줍니다! 아래의 피그마는 하나의 섹션을 만들어서 component하여 배치했습니다! 또한 이미지스프라이트 기능을 위하여 프레임을 하나 더 만들어 아이콘을 60px씩 배치시켰습니다 😇 디자인한 웹 페이지 시안을 보며 페이지 구조를 파악한 후 웹 표준성과 접근성에 맞는시멘틱한 마크업을 해줍니다. TIP ! • 구조를 먼저 꼼꼼하게 .. 2022. 8. 31.

[JQUERY] jQuery 속성 선택자 Jquery : 속성 선택자 이번 시간에는 자바스크립트의 jquery 속성 선택자에 대해 알아보겠습니다.😆 #1. jquery 속성 선택자 다음은 속성 선택자의 종류 입니다. 표와 예제를 보고 이해해봅시다! 선택자 종류 설명 요소[속성] $("p[class]") p 요소 중 class 속성을 가지고 있는 요소를 선택합니다. 요소[속성='값'] $("p[class='abc']") p 요소 중 class가 'abc'인 요소를 선택합니다. 요소[속성!='값'] $("p[class!='abc']") p 요소 중 class가 'abc'가 아닌 요소를 선택합니다. 요소[속성='값'] $("p[class~='abc']") p 요소 중 class가 'abc'인 요소를 선택합니다. 그러나 'abc' 앞 뒤로 연결된 문자.. 2022. 8. 30.

[JQUERY] jQuery 기본 선택자 jQuery : 기본 선택자 이번 시간에는 자바스크립트의 jQuery 기본 선택자에 대해 알아보겠습니다.😆 #1. jQuery 기본 선택자 jquery에서는 html요소와 관련된 기능 구현이 많기 떄문에 CSS와 밀접한 관계가 있습니다. 다음의 표와 함께 기본 선택자의 종류를 알아봅시다! 😇 선택자 종류 설명 태그 선택자 $("p") p 태그를 선택합니다. id 선택자 $("#section") id가 section인 요소를 선택합니다. class 선택자 $(".section") class가 section인 요소를 선택합니다. 자식 선택자 $("#section > ul > li") #section의 자식 요소 중 li를 선택합니다. 인접 선택자 $("#section + #content") #section의.. 2022. 8. 30.

이전 1 다음

728x90

Lucky Charms Rainbow

JAVASCRIPT

html

HTML

css

CSS

티스토리툴바