SEONG

jQuery 초기화 //초기화function fn_reset() {if(confirm("초기화 하시겠습니까?")){$('#formID input[type="text"]').val(""); }} // name이 no, sub_no를 제외한 input 초기화$('#formID input[name!="no"][name!="sub_no"]').val("");

스크롤을 따라다니는 팝업 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 전송 AjaxAsynchronous JavaScript and XML 의 약어. 웹서버와 비동기식 통신을 이용해 대화영 어플리케이션을 구현하는 기법 Parametertype : GET or POSTurl : 전송하고자 하는 URLdata : 받는 곳의 방식에 따라 xml, json 등등의 데이터로 구성contentType : 보낼 데이터 포맷 형식dataType : 받을 데이터 포맷 형식success or failure : 이 안에 있는 function(data)는 값을 받으면 알아서 data 변수에 받은 객체가 할당됨. Usefunction Send() {$.ajax({type: "POST",url: "",data: "",//contentType: "application/json; charse..

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..