제이쿼리10 resize(), 사이즈 바꾸기 resize 원문 링크 http://api.jquery.com/resize/ .resize( handler(eventObject) )Returns : jQuery 개요 : "resize" JavaScript 이벤트를 이벤트 핸들러에 바인딩 하거나 요소에 이벤트를 적용시킵니다. .resize( handler(eventObject) ) handler(eventObject) 이벤트가 실행될 때 동시에 수행될 기능 .resize( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 맵 handler(eventObject) 이벤트가 실행될 때 동시에 수행될 기능 .resize() 이 함수의 첫번째 두번째 용법은 .bind('resize', handler.. 2012. 3. 6. jQuery API 정복 - 선택요소 확장하기, add() .add() 함수는 선택할 요소를 확장시키는 기능을 합니다. 절대로 요소를 추가해서 넣는 함수가 아닙니다. (저 그런 줄 알고 포스트 작성하다가 중간쯤에 아닌 걸 알았습니다. ㅜㅜ 그래서 지금 처음부터 다시 작성중이어요 어엉..) 원문 링크 http://api.jquery.com/add/ .add( selector )Returns: jQuery .add( selector ) selector 선택자를 표현하는 문자열로 해당 선택자를 추가 적용 할 수 있음 .add( elements ) elements 선택할 요소를 확장시킬 이상의 신규 요소 .add( html ) html html 표현에 해당하는 요소를 추가하여 선택 영역 확장 .add( selector, context ) selector 선택자를 표현하.. 2011. 3. 21. jQuery API 정복 - 눈에 보이는 요소 찾기 : visible :visible 선택자는 눈에 보이는 요소를 찾아 줍니다. 원문 링크 http://api.jquery.com/visible-selector/ visible selector jQuery(':visible') 예 제 소스닫기 div 중에 보이는 요소라면 클릭시에 노란색으로 변경한다. 버튼을 클릭하면 보이지 않는 요소를 보이게 한다. Show hidden to see they don't change 미리보기 소스는 별거 없네요. 그런데 예제는 재미있습니다. 한번씩 해보세요. :visible 이 있으니 :hidden 도 있겠죠. 이전 포스트에 있습니다. 한번 더 보셔도 좋을 듯 해요. 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2011. 2. 24. jQuery API 정복 - text 박스 찾기 : text :text 는 input 중 type이 text 인 요소를 찾습니다. 원문 링크 http://api.jquery.com/text-selector/ text selector jQuery(':text') 예 제 소스닫기 텍스트 박스를 찾습니다. Option Button 미리보기 $(':text') 선택자는 $('[type=text]') 로 대체하여 사용할 수 있습니다. 뭐 너무 평이해서 사족을 달게 없어요. ^^;; 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2011. 2. 24. jQuery API 정복 - submit 버튼 찾기 : submit :submit 선택자는 폼 요소 중 type이 submit 인 것을 찾습니다. 원문 링크 http://api.jquery.com/submit-selector/ checkbox selector jQuery(':submit') 예 제 소스닫기 submit 버튼을 찾아서 색을 입힙니다. td 요소를 생성하여 input 의 타입을 표시해 줍니다. Element Type Element 2011. 2. 22. jQuery API 정복 - radio 버튼 찾기 : radio :radio 는 input 의 type 이 radio 인 요소를 찾아줍니다. 원문 링크 http://api.jquery.com/radio-selector/ radio selector jQuery(':radio') 예 제 소스닫기 type 이 radio 인 버튼을 찾아 빨간색을 두릅니다. Option Button 미리보기 흔히 쓰는 성별을 가져오기 위해서 사용할려면 $('input[name=gender]:radio') 이런식으로 사용하시면 된다고 하네요. 남/녀 찾기 참 쉽죠잉~ input 에 관련된 선택자들은 참 사용하기 쉬운 것 같습니다. 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2011. 2. 21. jQuery API 정복 - 다른 요소를 포함한 요소 찾기 : parent :parent 는 텍스트 노드를 포함한 요소를 가지고 있는 상위 요소를 찾습니다. 원문 링크 http://api.jquery.com/parent-selector/ parent selector jQuery(':parent') 음, 느낌으로만 보자면 parent 선택자가 마치 부모요소를 찾는 선택자인 것처럼 보입니다만, jQuery.com의 설명은 조금 다릅니다. 부모를 선택하는 것은 맥락상 맞지만 조금 관점이 다른 것 같네요. 부연 설명을 보시죠. 이 선택자는 :empty 선택자와 반대 선택자입니다. (:child 가 아닌것에 주목하세요.) 한가지 중요한 사실은 :parent (또는 :empty) 선택자는 text 노드도 자식 요소로 여긴다는 점입니다. W3C 에 따르면 태그는 적어도 하나의 자식 노드를 .. 2011. 2. 18. jQuery API 정복 - 요소명(태그)으로 찾기 : jQuery('element') $('element') 는 태그명을 직접 넣어서 그 태그를 가진 요소를 모두 찾을 수 있습니다. 원문 링크 http://api.jquery.com/element-selector/ element selector jQuery('element') element DOM 노드에 속한 태그명을 뜻합니다. JavaScript 의getElementsByTagName() 함수의 역할을 합니다. 가장 기본적으로 많이 사용하게 될 것 처럼 보입니다. 예 제 소스닫기 div 태그를 찾아서 9픽셀 짜리 빨간 테두리를 그립니다. DIV1 DIV2 SPAN 미리보기 너무도 명확한 예제라서 따로 말씀드릴것도 없네요 ^^ 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2011. 2. 7. jQuery 쉽게하기 - jQuery 를 다운받아 보자. 이번 포스트는 jQuery.com의 GETTING STARTED 의 Downloading jQuery 메뉴에 대해서 보려 합니다. 이 메뉴는 jQuery의 다운로드 방법이나 최신 버젼에 대한 간략한 정보들을 볼 수 있습니다. 내용은 몇 가지의 세부 사항들로 이루어져 있습니다. http://docs.jquery.com/Downloading_jQuery 의 부분입니다. 차례대로 한번 보도록 하겠습니다. ABOUT THE CODE jQuery 코드의 종류에 대해 간략히 설명되어 있습니다. 그리고 jQuery 개발에 대해 논의할 게 있으면 메일링 리스트에 가입하라는 내용도 간단히 보이네요. jQuery 는 Compressed와 Uncompressed 로 나뉘어져 있습니다. 해석해보면 압축버젼과 압축되기 전 버젼.. 2011. 1. 10. JQuery 쉽게하기 - 시작하기에 앞서 JQuery는 자바스크립트 라이브러리입니다. 라이브러리란 소프트웨어를 제작할 때 빈번히 쓰이는 기능들을 모아서 사용할 수 있도록 먼저 작업을 해 놓은 겁니다. 쉽게 말하면 자주 쓰는 함수들을 모아놓은 거죠. 조금 더 들여다보면 라이브러리를 사용함으로써 얻을 수 있는 이점들이 상당히 많습니다. 그런 내용들은 이미 많이 언급되어 있기 때문에 지면을 할애 하면서 기재하지 않겠습니다. 저는 JQuery를 잘 사용하지 않습니다. 이 라이브러리는 이전의 자바스크립트 라이브러리인 yui, prototype, dojo 들 보다 인기가 있는것 같습니다. 이 라이브러리들을 모두 사용해 보지 않았기 때문에 그들에 대한 장단점을 말할 수는 없습니다. 개발자 개인의 평가 또는 이전에 개발된 소스에 포함된 프레임워크를 접하면서 .. 2011. 1. 6. 이전 1 다음
