본문 바로가기

웹디자인 (HTML,JS)49

jQuery Selectors (DOM 요소 선택기) jQuery 선택기와 선택기를 사용하여 DOM 요소를 찾는 방법에 대해 알아 봅니다. jQuery 선택기를 사용하면 웹 페이지에서 DOM 요소를 찾을 수 있습니다. 대부분의 경우 jQuery에서 선택기 함수 $()로 시작합니다. $(selector expression, context) jQuery(selector expression, context) 선택기 표현식 매개 변수는 요소와 일치하는 패턴을 지정합니다. jQuery는 CSS 선택기 패턴과 요소를 일치시키는 자체 패턴을 사용합니다. 컨텍스트 매개 변수는 선택 사항입니다. jQuery가 일치하는 요소를 검색하기 시작하는 DOM 계층 구조의 요소를 지정합니다. jQuery에서 일반적으로 사용되는 선택기를 살펴 보겠습니다. 이름으로 요소 선택 : 가장 .. 2021. 4. 16.
[html/css] text-align 속성으로 정렬하기 (left, right, center, justify) html에서는 문서를 수평으로 정렬할 때 align 속성을 썼는데요 align은 html5에서 지원하지 않는 속성으로 되도록 css로 정렬하는 것을 권장한다고 합니다... css에서는 문서를 수평으로 정렬할 때 text-align 속성을 씁니다. text-align은 block 요소 안에 있는 inline 요소를 정렬합니다. inline 과 block 요소 차이는 다음을 참고 inline 요소 : 줄 속에 끼워 넣는 요소로 예 :, , , 태그 등 block 요소 : 해당 요소가 속한 줄은 가로 화면 전체100%를 차지하며 앞뒤로 줄 바꿈이 됨 예 : , , , , 등 1. block 요소에만 text-align 속성을 적용할 수 있다 2. 정렬되는 것은 block 요소 안에 있는 inline 요소만 가.. 2021. 4. 14.
필수적인 jQuery 셀렉터(Selector) 기능 기본 셀렉터 일반적인 CSS 셀렉터를 그대로 이용할 수 있다. 태그명을 기준으로 선택하거나 id, class 명으로 선택한다. $('태그명') : HTML 문서에서 해당 태그를 모두 선택 $('#id') : HTML 문서에서 해당 id가 지정된 element 선택 $('.class명') : HTML 문서에서 해당 class가 지정된 모든 element 선택 - HTML Paragraph Element Division Element Division Element - Script $(function(){ var element = $('p'); alert(element.html()); element = $('#divID'); alert(element.html()); element = $('.className'.. 2021. 4. 13.
jQuery와 JavaScript로 요소(element)가 있는지 확인 페이지 내에서 특정한 객체 요소가 있는지 확인할 수가 있습니다. jQuery에서 요소가 있는지 .length 속성을 사용해서 확인 합니다. if ($('#elem').length) { alert('elem exists'); } 자바스크립트(JavaScript)에서는 getElementById() 함수를 사용하여 해당 Id의 요소가 있는지(exists) 확인 합니다. if (document.getElementById('elem')) { alert('elem exists'); } getElementById() 함수를 사용하여 DOM에서 요소의 존재 여부 확인 getElementById() 함수를 사용하여 요소의 Id를 사용하여 DOM에 요소가 있는지 확인할 수 있습니다. 다음 예에서는 Click Here 여.. 2021. 4. 10.
웹 색상표, HTML 컬러 코드표 웹 사이트를 만들 때, 여러 방법으로 색을 지정할 수 있다. 십육진법 표기 웹에서 십육진수쌍으로 색을 표현하는 방법은 RGB 가산혼합에 의한 것이다. 적(red), 녹(green), 청(blue)에 해당하는 두 자리 십육진수 세 쌍으로 색깔을 나타낼 수 있다. 한 채널에 1바이트가 할당되므로 모두 3바이트의 정보로 색을 표현한다. 웹에서 색을 지정할 때에는 특수기호 #과 3쌍의 두자리 십육진수를 연속하여 사용한다. 표기형식 특수기호 Red 채널 Green 채널 Blue 채널 # 00~FF 00~FF 00~FF 표기 예 표기 색상 #000000 #ff0000 #00ff00 #0000ff 표현 범위 두자리의 십육진수가 표현할 수 있는 범위는 00부터 FF까지(십진수 0에서 255까지)이다. 즉, 하나의 채널.. 2021. 2. 7.
728x90