본문 바로가기

jquery

jQuery 함수 ( prototype ) 추가 자바스크립트에 프로토 타입이 있듯이 jQuery 에도 프로토 타입이 있습니다. 바로 $.fn 사용자 정의 프로토타입 기능인데요. ​ 간단히 말해 jQuery 함수를 직접 추가할 수 있다는 의미입니다. jQuery 프로토타입은 보통 다음과 같이 선언이 가능합니다. $.fn.메소드명 = function(파라미터){ $(this).each(function(){ : // 처리할코드 }); }; 그러면 다음과 같이 사용할 수가 있지요. $('css셀렉터').메소드명(파라미터); 한번 예제를 볼까요? 아래 예제는 3개의 div 의 class 이름이 모두 CrayTest 입니다. 하나 둘 셋 그리고 3개의버튼이 마련되어 있지요. 빨강 버튼을 클릭해볼까요? 엇, div 요소 3개 모두 경계선 색상이 빨강 색으로 바뀌었.. 더보기
제이쿼리 ( jQuery ) 의 세련된 다이얼로그 지난번 "자바스크립트 vs jQuery"편이 호응이 좋아서 jQuery 를 응용한 기능을 하나 소개하고자 합니다 :) https://itadventure.tistory.com/78 자바스크립트 vs 제이쿼리 ( JQuery ) 웹에서는 필수불가결 기술인 자바스크립트와 jQuery, 과연 어느것이 더 뛰어날까요? 오늘은 잠깐 시간 내어 관련 부분을 논해 봅니다. ​ 자바스크립트는 웹브라우저에서 작동하는 스크립트입니다. 서버 사이드가.. itadventure.tistory.com 바로 jQuery UI 중 다이얼로그창 기능 인데요. ​ 보통 표준 웹에서 다이얼로그하면 아래와 같은 창을 말합니다. 아주 전통적인 alert 창이지요. Confirm 이란 기능도 있긴 한데 버튼이 2개인거 빼고는 별 다를건 없습니.. 더보기
자바스크립트 vs 제이쿼리 ( JQuery ) 웹에서는 필수불가결 기술인 자바스크립트와 jQuery, 과연 어느것이 더 뛰어날까요? 오늘은 잠깐 시간 내어 관련 부분을 논해 봅니다. ​ 자바스크립트는 웹브라우저에서 작동하는 스크립트입니다. 서버 사이드가 아닌 클라이언트 기술이지요. 오래전부터 널리 사용되어 왔고 지금도 지속적으로 사용되고 있으며, 기능성 홈페이지 99% 이상이 이 기술을 사용하고 있다고 해도 과언이 아닐 겁니다. ​ 그렇다면 jQuery 는 무슨 기술일까요? jQuery 역시 자바스크립트입니다. 다만 자바스크립트로 빈번하게 사용되는 기능들을 약간 다른 형식으로 사용하게 만든 라이브러리입니다. 프로그램 언어에서 '라이브러리'란 '도서관'의 의미보다는 '기능덩어리'라고 이해하시면 됩니다. ​ 아래 샘플 웹페이지를 잠깐 보실까요? 이 웹페.. 더보기