Front-End/jQuery 검색 결과

해당 글 7건
반응형

jquery로 input file로 이미지 선택 시 바로 보이게 하기

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..
Front-End/jQuery 2018. 9. 17. 20:59

jQuery outerHTML 기능 사용

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