태그 : JQuery 요약보기전체보기목록닫기

1 2 3 4 5

jquery로 스크롤 막기/풀기

<html><body>    <div id="container">    </div></body></html>// 막기$('#container').on('scroll touchmove mousewheel', function(event) {  eve...

유용한 JQuery 플러그인 모음

http://g-it.kr/bbs/board.php?bo_table=jquery_demo&wr_id=154http://openex.co.kr/bbs/board.php?bo_table=jqueryPDShttp://www.creativebloq.com/jquery/top-jquery-plugins-6133175https://speckyboy.com/...

javascript promise code style

보통 자바스크립트에서 AJAX로 호출하기 위해 아래와 같은 문법을 사용한다. (필자만이 이 방식을 많이 쓰는 건지는 모르겠지만)$.ajax({    url: 'http://hipsterjesus.com/api',    dataType: 'json',    success: function(data) {...

$.each 메소드 사용시 break, continue 사용

jQuery에서 for, while 문과 비슷한 역할을 하는 each 메소드 사용 시 break, continue와 같은 프로세스를 수행해야 할 때가 있다.그럴 때 return true;는 continue와 같은 역할을, return false;는 break와 같은 역할을 수행한다.$('#loop').each ( function() {...

JQuery data()

JQuery에 data()라는 것이 있는데 HTML Element에 <key, value> 형태로 데이터를 저장/조회 하는 기능을 한다.value는 javascript의 데이터타입을 모두 저장이 가능하다.1. 데이터설정<script>$('#test').data('name', 'kim');$('#test').data('age', 10...

when, done, then

when(func)jquery 1.5에 추가된 동기처리함수로 func에 대한 처리 후 콜백처리를 한다.done(func) ajax 성공 시 콜백함수 지정then(success, fail) ajax 성공 시와 실패 시의 콜백함수 지정  $.when($.ajax("test.jsp")).done(function() {  &...

IE8, IE9에서 placeholder 적용되게 하는 방법

input이나 textarea에 placeholder 속성으로 어떤 내용을 입력할 지 안내할 수 있습니다. HTML5에 새로 추가된 속성으로 label을 대체할 수 있는 유용한 속성입니다.placeholder를 이용한 간단한 예는 다음과 같습니다.<input type="text" placeholder="Name">그런데 문제가 있습니다. IE...

특정 레이어만 프린트

javascript로 웹페이지 전체를 프린트하기 위해서 아래와 같이 사용한다.window.print();그런데, 만약에 특정 레이어만을 효율적으로 프린트하고 싶다면 jQuery Print Element를 이용할 수 있다.다운로드는 http://projects.erikzaadi.com/jQueryPlugins/jQuery.printElement/에서 할 ...

jquery 이벤트함수에 파라미터 넘기기

jquery 에서 특정 Element의 이벤트에 대해 정의할 수가 있다.예를 들어 버튼의 클릭을 아래와 같이 지정이 가능하다.<input type="button" id="test" value="click">$("#test").click(function() {    alert("OK");});그런데 이벤트 함수 전에 ...

load로 html의 특정 레이어만 불러오기

보통 jquery의 load()함수로 외부파일을 읽어오는데 외부파일의 일부분만 읽어올 수도 있다.특정 컨텐츠를 한 곳에 모아두고 상황에 맞게 로드할 때 적절하게 쓸 수 있을 듯 하다.$('#test').load('test.html #div1');<div id="test"></div>[test.html]<div id="div1"...
1 2 3 4 5



20140817_300_250

통계 위젯 (화이트)

48227
1037
1030811