SEONG

스크롤을 따라다니는 팝업 http://kitchen.net-perspective.com/open-source/scroll-follow/

.each() 로 배열 탐색 .each()는 배열의 요소들을 모두 순차적으로 탐색이때 함수로 index와 element를 함께 넘겨 줄 수 있어 해당 요소들을 다룰 수 있다. $("li").each(function(idx, item){alert( idx + "번째 값은 " + $(item).html());});

숫자, 영문만 입력받기 $(document).ready(function() {$(".telnumber").keyup(function(){$(this).val($(this).val().replace(/[^0-9]/g,""));});$(".name").keyup(function(){$(this).val($(this).val().replace(/[^\!-z]/g,""));});});

배열에 해당 값이 포함되어있는지 검사하기 $.inArray(value, array[, fromIndex])Array에서 특정값(value)을 찾으면 해당 ​index를 반환하고, 찾지 못하면 -1을 반환. var arrTmp = [1, 3, "lee", "kim" ];if($.inArray(3, arrTmp) != -1){alert("찾았음");}else{alert("없음");}

selectbox 선택값 변경시 값 구하기 $("#selectbox id").change(function () { var str = ""; $("select option:selected").each(function (idx, item) { str += $(this).text() + " "; }); $("div").text(str);})

Ajax JSON POST Client$.ajax({url: ".../api/test",type: "post",accept: "application/json",contentType: "application/json; charset=utf-8",data: JSON.stringify({'list': savedData}),dataType: "json",success: function(data) {// success handle},error: function(jqXHR,textStatus,errorThrown) {// fail handle}}); Server@RequestMapping(value = "/api/test", method = RequestMethod.POST, headers = {"Accept=ap..

input box 기본문자처리 $('input[type = "text"]').each(function(){this.value = $(this).attr('title');$(this).addClass('text-label'); $(this).focus(function(){if(this.value == $(this).attr('title')) {this.value = '';$(this).removeClass('text-label');}}); $(this).blur(function(){if(this.value == '') {this.value = $(this).attr('title');$(this).addClass('text-label');}});}); HTML5 에서는 placeholder="" 옵션으로..

jQuery checkbox 관련 check box 여부 확인$("input:checkbox[id = 'ID']").is(":checked") == true : false$("input:checkbox[name = 'NAME']").is(":checked") == true : false checked/unchecked 처리$("input:checkbox[id = 'ID']").attr("checked", true);$("input:checkbox[name = 'NAME']").attr("checked", false); check box 모두 체크/해제$("#checkAll").click(function(){ $("input[name=Name]:checkbox").each(function(){ $(this..

select box 관련 select box id로 선택된 값 읽기$("#ID option:selected").val(); select box name으로 선택된 값 읽기$("select[name = NAME]").val(); 선택 값의 indexvar index = $("#ID option").index($("#ID option:selected")); select box에 option값 추가하기$("#ID").append("1번"); select box option의 맨 앞에 추가 할 경우$("#ID").prepend("0번"); select box의 html 전체를 변경할 경우$("#ID").html("1번2번"); 직접 index 값을 주어 selected 속성 주기$("#ID option:eq(1..