note

출처 : http://blog.daum.net/twinsnow/124 jQuery로 선택된 값 읽기$("#selectBox option:selected").val();$("#select_box > option:selected").val()$("select[name=name]").val(); jQuery로 선택된 내용 읽기$("#selectBox option:selected").text(); 선택된 위치var index = $("#test option").index($("#test option:selected")); ------------------------------------------------------------------- // Add options to the end of a select$(..

jquery 메모animate quickmenu $(window).scroll(function() { quickTop = ($(window).height()-$('.quickmenu').height()) /2; $('.quickmenu').stop().animate({top:$(window).scrollTop()+quickTop},400,'easeOutExpo'); });

EUC KR인 페이지를 작업하다보니 크롬에서 AJAX통신시 한글이 깨지는부분.. 그래서 ESCAPE해주고 UNESCAPE 해줘야 됨. asp파일은 utf-8 세팅. var sName = escape("배찌");// ex )%se%jsj5jS% $.ajax({ type: "POST", url: "test.asp", data: { NAME : sName }, dataType: "json", success: function(jdata) { var sResult = jdata[0].RESULT; /*[{"RESULT":"Y"}]*/ //alert(sResult); }, error:function(xhr, textStatus) { //console.log(xhr.responseText); alert("지금은 시스..

숫자 출력에 컴마 포맷을 할일이 생겨서 jquery 플러그인을 알아본부분.. jquery-number plugin이 있는 부분... https://github.com/customd/jquery-number $(function(){ /* 간단한 컴마 포맷 */ $('input.number').number( true );//1234 > 1,234 /* 소숫점 포맷 예시 (소숫점 세자리) */ $('input.number').number( true, 3 );//1234 > 1,234.000 });

참고 : http://www.idangero.us/sliders/swiper/ jquery/swiper.js 1. js랑 css를 include.ㅋ * 슬라이드 사이즈를 조정할경우 css수정해도되고, 새로 정의해도됨./* Specify Swiper's Size: */ .swiper-container, .swiper-slide { width: 500px; height: 200px; } 2. 구조는 아래와같은 구조로 해야함. 3. 초기화시켜주면 끝 터치슬라이더는 이거아니면 flexslider을 사용하는 편임.

예전,jquery로 checkbox를 체크하려는데 .attr("checked","true")를 사용하니까 안됬엇음.그래서보니 1.6.1버전부터 .prop로 해야만 된다는부분,, 뭐,그럼 src같은건 attr로 바꾸고스크립트적인 checked,selected는 prop로하면될듯 출처 : http://javascriptandjquerydev.blogspot.kr/2012/07/attr-prop.html

바이트값을 체크해야 할 때가 있다. ex) 200자이내로 입력해주세요.. 간단하게 onkeyup이벤트를 걸어서 자바스크립트로 처리해오곤했는데, 모바일에서 문장단위로 복사해서 붙여넣기하면 keyup이 안먹었다. 그래서 그냥 jquery로 해결했다. change/keyup/input CODE : $('textarea#USR_TXT').bind("change keyup input",function() { var el = document.form1.USR_TXT; var ls_str = el.value; var li_str_len = ls_str.length; var li_max = 200; var i = li_byte = li_len = 0; var ls_one_char = ls_str2 = ""; for(i..

* closest() 첫번째 부모 엘리멘트에 접근한다. * parents() 모든 부모 엘리멘트에 접근한다. CODE : I II A B 1 2 3 C III $("li.item-a").closest("ul").css("background-color", "red"); └ closest 의 경우에는 item-a 엘리멘트의 가장가까운 level-2 만 배경색이 변경된다. $("li.item-a").parents("ul").css("background-color", "red"); └ parents 의 경우에는 item-a 엘리멘트의 모든 부모 ul 엘리멘트의 배경색이 변경된다.

1. 자주사용하는 표현 $(document).ready(function(){ //함수 }); /* window.onload = function(){} 과 동일한 기능이다. */ 2. $(function(){ //함수 }); /* 1번의 기능과 동일하다 */ 3. (function($){ //함수 })(jQuery); /* 이 방법의 경우 궁금해서 찾아보았는데 $의 의미가 jQuery를 참조하여 사용할때 저렇게 표현한다한다,, 예를들어 프로토타입에서도 $를사용한다하고(잘모름) jQuery도 $를 사용하니 두개를 사용하면 충돌이날수있는데, 저렇게 뒤쪽 가로에 jQuery를써주면 저 function 내부에서는 $의 의미가 jQuery에 대해 작동한다고 한다. 잘이해한건진 모르겠다. */

출처 : http://malsup.com/jquery/block/ ajax나 db처리시 로딩시간동안 블락시키기위해 jquey플러그인 중 blockUI를 사용하였다. ※ 필요에 따라 js를 수정하면 더 편리할 수 있다. 사용법도 간단하다.$.blockUI();로딩시작부분에 위 코드를 넣어주면되고, 끝내고싶으면 아래 소스를 넣어주면 된다.$.unblockUI(); 기본적으로는 테두리가 있는 흰박스가 가운데에 표시될텐데 js상의 message 기본 옵션이 그렇게되있기때문이다. message를 바꾸어 로딩을 띄우려면 아래 소스를 사용한다. $.blockUI({ message: ' 메시지 바꿈...' }); 테스트