@deveely

jQuery 를 이용해 form에 입력된 데이터를 JSON으로 생성하는 방법을 소개합니다. 1. JSON 데이터를 생성할 예시 form JSON 데이터 생성 var arrayData = $('#exampleForm').serializeArray(); var json = {}; $.each (arrayData, function (i, e) { if (json[e.name]) { if (!json[e.name].push) { json[e.name] = [json[e.name]]; } json[e.name].push(e.value || ''); } else { json[e.name] = e.value || ''; } }); // JSON 데이터 사용 $.ajax({ url: '/request/...' meth..

jQuery.each(callback) 메소드 사용 시 break, continue 등의 제어를 해야하는 경우가 있다. 이 때 false를 return 하면 break, true를 return 하면 continue와 같은 역할을 한다. 예 1 2 3 4 5 $('.category-item').each(function(){ if($(this).hasClass('highlight')) { return false; // each문을 빠져나간다. break; 와 같음 } }); Colored by Color Scripter cs

부트스트랩 홈페이지에서 볼 수 있는 예제는 다음과 같다. var options = {html : true,container : 'body',trigger : EVENT(click, hover 등),content : function() {return 'popover로 보여질 내용 HTML';}}; $('selector').popover(options); 위처럼하면 selector 요소에 trigger에 이벤트 발생 시 팝오버가 보여진다. 하지만 trigger를 hover지정 시 content에 지정한 function이 2번 실행하는 문제가 발생했다. 구글링 결과 Bootstrap이 popover를 위해 내부적으로 2번 호출되는 메소드가 있어서 그렇다는것도 있고,hover에 mouseenter, mouseo..

1. CDN 추가 1 2 cs 2. 에디터를 보여줄 공간에 설정 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Insert title here Colored by Color Scripter cs 3. 에디터 초기화 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 $(document).ready(function(){ var toolbar = [ ['style', ['bold', 'italic', 'underline', 'clear']], ['font', ['strikethrough', 'superscript', 'subscript']], ['fontsize', ['fontsize']], ['color', ['color']],..

1 2 3 4 5 Colored by Color Scripter cs 위와 같이 폼을 이용해 id, password, key값을 넘기려고 할 때, hidden타입을 제외한 두 개의 input 태그에 대해 값을 입력했는지 jquery로 확인하고자 한다. 1 2 3 4 5 6 7 8 9 10 var is_empty = false; $('#test-form').find('input[type!="hidden"]').each(function(){ if(!$(this).val()) { is_empty = true; } }); if(is_empty) { alert('값을 전부 입력하시오'); } Colored by Color Scripter cs id가 test-form인 요소에서 -> $('#test-form') ..

1 2 3 cs 위와 같은 상황에서 파일을 선택 시 id가 preview인 태그에 이미지를 바로 보이도록 하겠다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 $('#img_select').change(function(){ setImageFromFile(this, '#preview'); }); function setImageFromFile(input, expression) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $(expression).attr('src', e.target.result); } reader.readAsDataURL(input.fil..

기본적으로 jQuery의 html() 함수를 이용하면 선택한 태그 안의 (innerHTML) 내용을 반환한다. 선택한 태그 자체의 HTML를 얻으려면 IE에서는 outerHTML을 제공하지만 IE한정이라 다른 방법이 필요하고, jQuery를 통해 다음과 같이 구현해서 편리하게 사용할 수 있습니다.$.fn.outerHTML = function () { return $(this).clone().wrapAll("").parent().html(); } var outerHtmlContent = $("#someDiv").outerHTML();