Jam's story

자바스크립트 × About Services Clients Contact Lorem, ipsum dolor. Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores vitae reiciendis aut repellendus voluptatum sed nobis pariatur! Facere, pariatur magni. &#9776 제이쿼리

[의사클래스] 요소의 특정상태 [의사요소] 요소의 지정된 부분에 스타일을 지정하는데 사용하는 선택자. :: 을 붙이면 해당 요소의 지정된 부분 p태그의 첫번째 라인만 p.intro::first-line{ color: green; font-size: small; } p태그의 첫번째 문자만 p.intro::first-letter{ color: blue; font-size: xx-large; } ::before ::after HTML 삽입 미리보기할 수 없는 소스 ::marker - 리스트 항목의 마커를 선택 ::selection - 사용자에 의해서 선택된 요소의 일부 전체코드 ::before -콘텐츠 앞에 일부 콘텐츠를 삽입 ::after Lorem ipsum dolor sit amet. Id quod do..

: 의사클래스 empty: 텍스트가 없는요소 active enabled in-range invalid lang(language) not(selector) only-child only-of-type optional read-only required out-of-range root target vaild Maxime illum provident. Nobis quaerat a. male female bike bike first name = last name = address =

+ p: i => 모든 p태그의 자식 i p:first-child i =>어떤 요소의 첫번째 자식태그가 p인 i태그 p i:first-child =>모든 p태그의 첫번째 자식이 i 태그 인것 1 Lorem. 2 Maxime.icon 3 Veritatis! 4 Nisi. 5 Dicta. 6 Laboriosam. 7 Eius. 1Lorem. 2Doloremque? 3Ea!

1번째 방법 $("div").mouseover(function(event) { $("div > p:first-child").show(); }); $("div").mouseout(function(event) { $("div > p:first-child").hide(); }); 2번째방법 $("div") .mouseover(function(event) { // $("div > p:first-child").show(); $( "p:first-child" , this).show(); }) .mouseout(function(event) { $("div > p:first-child").hide(); }); 3번째방법 $("div").hover( function(event) { // mouseover $( "p:fi..

1번째 방법 2번째 방법 HTML 삽입 미리보기할 수 없는 소스

[의사클래스] 링크태그의 각각의 상태를 나타낼 때 의사클래스 ? 요소의 특수상태를 정의하는데 사용된다. : 으로 나타낸다 . 간단한 툴팁(풍선 도움말 ) -div에 마우스를 올렸을때, p태그의 첫번째 자식만 보이게 하겠다. div:hover > p:first-child{ border: 1px solid gray; display: block; }