세연아빠의 개발과 일상의 모습

jquery 예제로 배우기jquery 예제로 배우기 jquery 는 html DOM(DCOUMENT OBJECT MODEL: 문서개체모델)과 자바스크립트 사이의 상호작용을 간단하게 해주는 오픈소스 자바스크립트 라이브러리이다. jquery 는 도큐먼트 엘리먼트에 접근하기 위해 셀렉터(selector) 메커니즘을 제공한다. 도큐먼트 구조로 명료하면서 읽기 쉬운 형식으로 표현하는 css 셀렉터로 페이지의 엘이먼트를 찾을 수 있다. 1 tr:even / tr:odd html 내에 가독성을 높이기 위해 테이블의 행단위를 짝수와 홀수로 배경색을 지정하여 보기좋게 만들여고 한다면 jquery 로 간단하게 표현 할 수 있다. 12345678910111213141516171819202122232425 New Docume..

jQuery Ajax 사용법jQuery Ajax 사용법 Ajax 기존의 웹 브라우저는 서버로부터 페이지 단위로 받고 처리가 되었지만 간단한 작업을 위해 페이지 전체를 로딩할 필 요없이 xml 파일 조각 단위로 데이터를 받아 처리할 수 있기 때문에 전체 페이지를 다시 로드하지 않아도 되어 불필요 한 페이지 로딩이 필요 없을 뿐만 아니라 엑티브한 페이지 구성을 할 수 있어 유용하게 쓰이는 기술이다. 사용법방 테스트 작업 1 LIKE 연산자의 피해야할 형식 아이작 호출부 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354Ajax 간단 테스트 function id_addr(tt,gubu..

웹사이트 탑버튼 (Top button) 활용하기 jquery, css웹사이트 탑버튼 (Top button) 활용하기 jquery, css 웹사이트를 운영하다보면 스크롤이 길어질 경우 top 버튼이 필요할때가 종종있게 된다. 이때 사용할 수 있는 간단하고 유용한 Top 버튼 jquery 를 소개한다. 1. 우선 jquery 라이브러리를 정의하자 2. 스크립트 부분에 아래코드를 넣고 $(document).ready(function(){ $(window).scroll(function(){ if ($(this).scrollTop() > 100) { $('#scroll').fadeIn(); } else { $('#scroll').fadeOut(); } }); $('#scroll').click(function(){..