John Resic 썸네일형 리스트형 [jQuery강좌] 4. jQuery Selector - 속성(Attribute) by 승연아빠님 웹 프런티어와 함께하는 jQuery 기초강좌 4th 이야기 - 셀렉터 Attribute를 활용한 요소 선택 개체의 속성값을 통해 요소를 선택하자 - Attribute Selector 각각의 요소는 속성(attribute)을 가질 수 있습니다. 각 요소의 속성은 미리 정해진 이름이거나, 사용자의 필요에 의해서 만들어질 수 있으며 jQuery의 CSS 셀렉터와 필터의 조합으로 통해 관련된 요소에 접근 할 수 있습니다. 다음은 jQuery에서 지원하고 있는 속성관련 셀렉터 입니다. (더 많은 종류의 속성관련 셀렉터를 지원하고 있으니 자세한 내용은 jQuery.com에서 확인을 하시기 바랍니다.) 형식(셀렉터) 설명 $(Selector[attr]) attr 속성(attribute)값을 가지는 Selector 요.. 더보기 [jQuery강좌] 3. jQuery를 이용한 HTML DOM 접근 - 기본 셀렉터 (2) by 승연아빠님 웹 프런티어와 함께하는 jQuery 기초강좌 3rd - jQuery를 이용한 HTML DOM 접근(기본 셀렉터 두 번째 이야기) 원하는 개체를 쉽고 편하게 선택하자 - 셀렉터 셀렉터의 종류 셀렉터 표현 방법 All Selector $("*") ID Selector $("#id") Element Selector $("elementName") Class Selector $(".className") Multiple Selector $("selector1, selector2, selector3, selectorN") 지난 시간에 이어 기본이 되는 셀렉터의 나머지 부분인 클래스와 여러가지 셀렉터를 조합하여 요소에 접근하고, 개체를 탐색 선택하는 방법에 대한 이야기를 진행 하도록 하겠습니다. Class Select.. 더보기 [jQuery강좌] 2. jQuery를 이용한 HTML DOM 접근 - 기본 셀렉터 (1) by 승연아빠님 웹 프런티어와 함께하는 jQuery 기초강좌 2nd - jQuery를 이용한 HTML DOM 접근(기본 셀렉터 첫 번째 이야기) 원하는 개체를 쉽고 편하게 선택하자 - 셀렉터 이번 시간에는 jQuery의 가장 강력한 기능인 HTML DOM을 탐색하는 기능에 대해 알아 보도록 하겠습니다. jQuery의 DOM 탐색은 CSS SELECTER를 사용하고 있어, CSS에 사용한 표현식을 알고 있다면 보다 쉽게 셀렉터를 이해 할 수 있습니다. jQuery에서는 원하는 HTML의 DOM 요소를 찾기 위해 $(Selector), jQuery(Selector)와 같은 표현식을 사용합니다. $는 jQuery의 축약어로 같은 역할을 하며, 다음과 같은 형태로 사용하여 원하는 DOM 요소를 선택 할 수 있습니다. 셀렉터의 .. 더보기 [jQuery강좌] 1. 웹 개발자를 위한 jQuery 기본이해 by 승연아빠님 웹 프런티어와 함께하는 jQuery 기초강좌 1st - 웹 개발자를 위한 jQuery 기본이해 jQuery 먹는 건가요 ? 웹 사이트와 사용자간의 원활한 소통을 위해 사용되었던 자바스크립트는 최근 몇 년간 Web2.0과 Ajax 기술을 활용한 RIA(Rich Internet Application)의 등장으로 인하여 이전보다 복잡하고 늘어난 코드와 다양한 웹 브라우저의 등장으로 크로스브라우징 이라는 장벽이 웹 개발자에게 큰 스트레스를 안겨주고 있습니다. 이러한 문제에서 쉽게 벗어 날 수 있는 해법과 웹 개발에 새로운 패러다임(역동적인 인터페이스, 쉬운 프로그래밍)을 제시하고 있는 jQuery에 대해 자세히 알아보는 보도록 하겠습니다. jQuery는 2006년 “John Resic”에 의해 디자인 된 자바스.. 더보기 이전 1 2 3 다음