본문 바로가기

DOM6

jQuery Selectors (DOM 요소 선택기) jQuery 선택기와 선택기를 사용하여 DOM 요소를 찾는 방법에 대해 알아 봅니다. jQuery 선택기를 사용하면 웹 페이지에서 DOM 요소를 찾을 수 있습니다. 대부분의 경우 jQuery에서 선택기 함수 $()로 시작합니다. $(selector expression, context) jQuery(selector expression, context) 선택기 표현식 매개 변수는 요소와 일치하는 패턴을 지정합니다. jQuery는 CSS 선택기 패턴과 요소를 일치시키는 자체 패턴을 사용합니다. 컨텍스트 매개 변수는 선택 사항입니다. jQuery가 일치하는 요소를 검색하기 시작하는 DOM 계층 구조의 요소를 지정합니다. jQuery에서 일반적으로 사용되는 선택기를 살펴 보겠습니다. 이름으로 요소 선택 : 가장 .. 2021. 4. 16.
필수적인 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.
jQuery로 Ajax 개발을 단순화 하기 jQuery란 무엇인가? 2006년 초, John Resig가 만든 jQuery는 JavaScript 코드로 작업하는 사람들에게는 훌륭한 라이브러리이다. 여러분이 JavaScript 언어 초보자라서 라이브러리가 Document Object Model (DOM) 스크립팅과 Ajax의 복잡성을 다루어주기를 원하든지, 숙련된 JavaScript 구루로서 DOM 스크립팅과 Ajax의 반복성에 지루해졌다면, jQuery가 제격이다. jQuery는 코드를 단순하고 간결하게 유지한다. 많은 반복 루프와 DOM 스크립팅 라이브러리 호출을 작성할 필요가 없다. jQuery를 사용하면 매우 적은 문자로 표현할 수 있다. jQuery 철학은 매우 독특하다. 무엇이든 단순하고 재사용 가능한 것으로 유지하기 위해 디자인 되었다.. 2011. 3. 10.
Mozilla Firefox 및 Thunderbird 보안업데이트 권고 □ 개요 o Mozilla Firefox 및 Thunderbird가 "document.write()" 구문과 DOM 삽입을 처리하는 과정에서 버퍼 오버플로우로 인한 원격코드실행 취약점이 발생 [1, 2] ※ Mozilla Firefox : 인터넷 관련 공개프로그램 및 툴을 개발하는 Mozilla 그룹에서 출시한 웹브라우저 소프트웨어 ※ Mozilla Thunderbird : Mozilla 그룹에서 출시한 이메일 클라이언트 ※ DOM(Document Object Model) : XML이나 HTML문서를 트리구조로 나타내는 방법 o 취약한 버전의 Firefox 및 Thunderbird가 설치된 사용자가 악의적인 웹 사이트에 방문하면 원격의 공격자는 자바스크립트를 악용하여 임의의 코드를 실행할 수 있음 [2,.. 2010. 10. 29.