드럼치는 프로그래머

slideToggle 원문 링크 http://api.jquery.com/slideToggle/ .slideToggle( [duration] [, callback] ) Returns : jQuery 개요 : 슬라이드를 통해 요소를 보이게 안보이게 처리합니다..slideToggle( duration [, callback] )duration 시간 값callback 콜백 함수.slideToggle( [duration] [, easing] [, callback] )duration 시간 값easing 특수한 효과 함수callback 콜백 함수.slideToggle() 함수는 요소의 height 값을 조작해서 움직임을 만들어 냅니다. 보이면 안보이게 안보이면 보이게 처리해 줍니다. 토글이니 당연하겠죠?보이게 처리할 ..

.inArray()로 배열에 특정 값이 있는지 알아낼 수 있습니다.문법jQuery.inArray( value, array [, fromIndex ] )value에는 검색하고자 하는 값을, array에는 배열의 이름을 넣습니다.fromIndex는 옵션으로 몇번째 배열 값부터 검색할지를 정합니다. 입력하지 않았을 때의 기본값은 0으로, 첫번째 배열 값부터 검색합니다. 예를 들어jQuery.inArray( 'as', jbAry )는 jbAry라는 배열에 as라는 값이 있는지 검색합니다.만약 배열에 as가 없다면 -1을 반환합니다. 첫번째 배열 값이 as라면 0을, 두번째 배열 값이 as라면 1을 반환합니다. 예제var jbAry = [ 'a', 'b', 'c', 'd', 'e' ] var jbResult = ..

JQuery에 다른 기능을 검색하다가 아래의 사이트를 발견하여 나중에 도움이 될 듯하여 정리해둔다. 1. jQuery로 선택된 값 읽기 $("#selectBox option:selected").val();$("select[name=name]").val(); 2. jQuery로 선택된 내용 읽기 $("#selectBox option:selected").text(); 3. 선택된 위치 var index = $("#test option").index($("#test option:selected")); 4. Add options to the end of a select $("#selectBox").append("Apples");$("#selectBox").append("After Apples"); 5. Add ..

아래 링크를 참고하면 된다. ▶텍스트 말줄임 (text-overflow:ellipsis) 현재 모든 최신 브라우저가 다 지원한다. (놀라운 건, IE는 이미 6부터 지원하고 있었다는 것 ㅋ)코드를 배껴 온 뒤, display: block;만 추가했다. inline-block을 사용해도 된다..ellipsis { width: 200px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; }왜 저런 식의 코드인지 설명은 링크에 들어가서 보길 바란다.문단 말줄임위 CSS로는 한 줄짜리만 말줄임표 붙이는 게 가능하다...

1. 필요 - Ajax 로딩 시, 비동기화가 아닌이상 페이지가 멀뚱 멀뚱 멈추게 된다. - 당연히, 사용자는 멈춘걸로 인식을 하게 된다. - 비지니스 로직은 A ~ Z 까지 스텝 바이 스텝으로 이뤄지기 때문에 비동기화는 안된다. - 즉, 뭔가 동작을 하고 있다고 사용자에게 어필을 하는 것이 ajax 로딩바를 넣어야하는 이유이다. - 다행이도 jQuery에서는 이러한 점을 감안하여 함수를 제공하고 있다. - 그 함수가 ajaxStart() 와 ajaxStop() 함수이다. - 아래 소스는 개인별로 커스터마이징 하면 된다. 2. 소스 1) CSS 2) Script $(document).ready(function(){ var loading = $('') .appendTo(document.body).hide()..

input의 값사용 값 가져오기 $("#input1").val(); 값 넣기 $("#input1").val('111'); span, label의 값 사용 값 가져오기 $("#span1").text(); $("#span1").html(); $("#label1").text(); $("#label1").html(); 값 넣기 $("#span1").text('222'); $("#span1").html('333'); $("#label1").text('444'); $("#label1").html('555'); **여기서 .text()와 .html()의 차이 $("#label1").text('001002003'); 이렇게 하면 내용이 text로 들어가고, .html()로 값을 가져오면 꺾쇠가 이렇게 보임. $("#l..

속성을 변경 $('#searchSection').attr('disabled', 'true'); disabled속성을 없앨때 사용.. $('#searchSection').attr('disabled', ''); 근데 안된다.. -_- $('#searchSection').removeAttr('disabled'); 속성을 제거해 버리면 됨.. [출처] http://egloos.zum.com/dreams402/v/2266489

ui.jqgrid.css 중 font-family를 추가하였습니다. .ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative; height:17px;font-family:'NanumGothicB','나눔고딕', "돋움", dotum;font-size:15px;} [출처] http://hwoarang757.tistory.com/entry/JQuery-JQGrid-%ED%97%A4%EB%8D%94-%ED%8F%B0%ED%8A%B8-%EB%B3%80%EA%B2%BD-%EC%98%88%EC%A0%9C

동적으로 요소를 추가하고 (createElement())하는 방법을 살펴보자 소개되는 예제코드는 예제페이지로 이동한후 개발자도구 콘솔을 열어서 실행하면 된다.//#box에 를 추가해 $('#box').append('난 div 요소'); 간단하다. 좀 다른느낌? 으로도 가능하다.// 요소를 #box에 추가해 $('').appendTo( $('#box') ) .text("난 div 요소") .addClass("border") .css("background-color","#fff"); 메소드 체이닝으로 요소의 어트리뷰트를 수정했다. 이 부분을 좀더 다른느낌으로 만져보자$('', { text : '난 div 요소', addClass : 'border', css : { "background-color":"#fff..

jQuery에는 이벤트등록을 할수 있는 흥미로운 방법이 존재한다. 바로 delegate()인데 1.7버전 이상부터는 on()메소드를 권장하니 on()으로 살펴보자. 소개되는 예제코드는 예제페이지로 이동한후 개발자도구 콘솔을 열어서 실행하면 된다. delegate형태로 이벤트 등록$(document.body).on('click', 'div', function(event){ console.log(event.target, event.currentTarget); }); on()메소드의 두번째 인자가 div이다. 해석해 보자면 document.body에 click이벤트를 주고 document.body > div 만 감시하겠다. 라는 의미 이런 delegate방식은 동적요소가 추가될경우 빛을 발한다! 동적요소 추가..