본문 바로가기
반응형

jQuery25

radio button 라디오 버튼 체크 상태 설정및 체크 제거$("#radio'").attr("checked",true); $("#radio").removeAttr("checked"); 2016. 11. 10.
json data에서 조건에 맞는 row 찾기 json data 그룹에서 특정 값에 맞는 row을 찾아오는 로직 var codes = $(_baseYYYYMM).filter(function (i, n) { return n.BaseYYMM === $("#selBaseYYMM").val(); }); $("#lblStatus").val(codes[0].StatusCodeNM); bassYYYYMMStatus = codes[0].StatusCode; 2016. 10. 25.
json data parsing, clone 다음과 같은 json data를 합치고 싶을 때 $.extend(true, rowColor, generalGreenSkin); 을 사용 하면 된다. 이 방법 말고도 꼼수로으로 문자열 변환 후 다시 파싱하는 방법 또한 있다.var skin =JSON.parse(JSON.stringify(generalGreenSkin)); var generalGreenSkin= { "grid": { "background": "#ffffffff", "paddingRight": "2", "iconLocation": "left", "border": "#ffe1e1e1,1", "selectedForeground": "#ffffffff", "iconAlignment": "center", "foreground": "#ff000000".. 2016. 10. 25.
JSON 관련 json 데이터 필터링 var codes = [ {"name":"Lenovo Thinkpad 41A4298","website":"naver"}, {"name":"Lenovo Thinkpad 41A2222","website":"google"} ]; //website가 'google'만 조회해옴. var code = $(codes).filter(function (i,n){ return n.website==='google'; }); 2016. 9. 12.
문자열 관련 메서드 replace("target", "source"); //일반적인 예 var test = "test"; var result = str.replace("test", "run"); //replace로 특정 문자 전체를 바꿀 때 var telNo = '010-1234-5678'; telNo.replace("-", ""); //0101234 - 5678 telNo.replace(/-/g, ""); //01012345678 substring //일반적인 예 var str = "Hello world!"; var res = str.substring(0, 4); //Hell 2016. 9. 9.
$.each jSon데이터 루프 돌기 if ($(data).size() > 0) { $.each(data, function (i, o) { innerTag += ""; innerTag += "" + o.FileName + ""; innerTag += "" + o.FileSize + ""; innerTag += "" + o.createDate + ""; innerTag += ""; }); } else { innerTag += ""; innerTag += "No Data."; innerTag += ""; } 2015. 9. 1.
공개 컨트롤들 그리드 등등 http://www.axisj.com/content/ 트리 컨트롤 http://acoderinsights.ro/en/aciTree-tree-view-with-jQuery 2015. 9. 1.
테이블 소팅 http://tablesorter.com/docs/ 2015. 9. 1.
XSS 공격 문자열 치환 스크립트 $(".xssAttack").keyup(function () { //debugger var text = $(this).val().toLowerCase(); var search = /( 2015. 9. 1.
문자열 숫자체크 jQuery function to to format number with commas and decimal http://stackoverflow.com/questions/14075014/jquery-function-to-to-format-number-with-commas-and-decimal 문자열 숫자체크 ,제거 후 자리수 계산하여 , 다시 삽입 function ReplaceNumberWithCommas(ctrl) { yourNumber = ctrl.value; yourNumber = yourNumber.replace(/,/g, ''); var n = yourNumber.toString().split("."); n[0] = n[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","); .. 2015. 9. 1.
활용 가능 소스 있는 사이트 활용 소스 http://javascript.crockford.com/ 타이머 https://github.com/ajgon/jquery-timer JSON formatter http://jsonformatter.curiousconcept.com/#jsonformatter http://docs.jquery.com/Tutorials : 여기는 공식 사이트에서 제공하는 Tutorials이다. http://jquery.bassistance.de/jquery-getting-started.html : 여기는 서핑하다가 찾은 자료인데, Example이 좀 더 낫다. Query로 Ajax 개발을 단순화 하기 (한글) : 한국 IBM DeveloperWorks에서 Jesse Skinner씨의 글을 번역한 글이다. jQue.. 2015. 9. 1.
매개변수로 데이터 넘겨서 $.each로 해당 아이디요소 데이터 처리하기 "{{'아이디':'데이터'}}" 형식으로 값넘김 SetItemValue('{{"trName":"data"}}'); each로 실행 function SetItemValue(data) { $.each(data, function (id, value) { $('#'+id).html(value); }); } 2015. 9. 1.
각 태그의 속성(이벤트)변경시 attr로 안될 경우. 버튼 등의 onclick등의 이벤트를 변경하고자 할 때 attr속성이 먹히지 않을 때 $("#btnBOMExt").removeAttr("onclick"); $("#btnBOMExt").attr("onclick", "bom_change();"); -> $("#btnBOMExt").removeAttr("onclick"); document.getElementById("btnBOMExt").attachEvent("onclick", new Function("bom_change()")); 2015. 9. 1.
특정 태그에 HTML 태그포함된 텍스트 넣기 insertBefore 사용 예 마지막 tr 태그 바로 위에 문제의 태그를 삽입하고 싶을 경우. 20120426-3메롱5 20120426-41000000000 메롱25 BOM복사구분 : 반제품포함 var aaa ="33"; function test() { var test=""; aaa +="2"; test+=""; test+=" 33"+ aaa +""; test+=" 33"; test+=" sss"; test+=" 333"; test+=" dfdfdf"; test+=""; $(test).insertBefore("#test");//넣으려는 내용이 앞에 뒤가 해당 아이디 } 삽입관련 유사 메서드 append() prepend() prependTo() after() before() insertAfter() i.. 2015. 9. 1.
css관련 class 메서드 및 응용 Class관련 메서드및 응용 //class에 해당 class가 있는 검사하여 있다면 true, 없다면 false를 반환한다. $("#btnNew").hasClass("disabled") 예)if($("#btnNew").hasClass("disabled")){ $("#btnNew").removeClass("disabled"); $("#btnNew").click(btnNewClicked);} //class 추가 및 삭제 if (tab == '1') { $('#liTab1').addClass("nav_tabon"); $('#dvtitle1').removeAttr("style"); $('#tblTab1').removeAttr("style"); $('#liTab2').removeClass("nav_tabon");.. 2015. 9. 1.
TextBox 텍스트 박스 잠금 및 텍스트 박스의 내용 키보드에 눌림과 동시에 복사 sdfsdfsdf sdfsdfsdf sdfsdfsdf sdfsdfsdf sdfsdfsdf sdfsdfsdf sdfsdfsdf $("#sameAsShipping").change(function () { if (this.checked) $("#billingInfo input:text").attr("disabled", "disabled").each(function (i) { var valueFromShippingInput = $('#shippingInfo input:text:eq(' + i + ')').val(); $(this).val(valueFromShippingInput); }); else $("#billingInfo input:tex.. 2015. 9. 1.
DROPDOWNLIST jQuery로 선택된 값 읽기 드롭다운 리스트(select) http://aramjo.blog.me/120123064957 $("#myselect option:selected").val(); $("select[name=name]").val(); jQuery로 선택된 내용 읽기 $("#myselect option:selected").text(); //선택된 위치 var index = $("#test option").index($("#test option:selected")); ------------------------------------------------------------------- // Add options to the end of a select $("#myselect").append("A.. 2015. 9. 1.
XML문서 읽어 오기 XML문서 읽어오기 $(document).ready(function () { var xml = '28AAAA'; var title = $.xmlDOM(xml).find('root > Gubun').txt(); $('#title').html(title); }); 2015. 9. 1.
ListBox 리스트 박스에 아이템 넣고 빼기 Colors black aaaa dddd remove dfsdfsdfsdf dfsdfsdfsdf add $('#add').click(function (event) { event.preventDefault(); var optionName = $('#newColorName').val(); var optionValue = $('#newColorValue').val(); $('').attr('value', optionValue).text(optionName).appendTo('#colors'); }); $("#remove").click(function (event) { event.preventDefault(); var $select = $('#colors'); $('option:.. 2015. 9. 1.
RadioButton 라디오 버튼 포커스 이동및 체크 기능 dfsdfsfsfsf slksdsdfsd slksdsdeeeefsd slksdsdeeeefsd slksdsdeeeefsd $("#chooseSource Input:text").each(function () { var $inputTxt = $(this); var $radioBtn = $inputTxt.siblings('input:radio'); $inputTxt.blur(function () { if ($inputTxt.val() != '') $radioBtn.attr("checked", true); }); $radioBtn.change(function () { if (this.checked) $inputTxt.focus(); }); }); $('#chooseSourc.. 2015. 9. 1.
CHECKBOX 응용 기능 체크, 체크된 값 읽어오기$("#chkChecked").is(":checked") == true : false $("#chkChecked").prop("checked", true); $("input[type=checkbox]").prop("checked",true);//전체 체크 체크박스에서 체크된 것들만 잡아야 할 때function fnDelete() { //체크된 것이 있는지 검사 if ($("input:checkbox[name=delitem]:checked").length > 0) { var strData = ""; $("input:checkbox[name=delitem]:checked").each(function (i) { strData += $(this).get(0).cbvalue + ","; .. 2015. 9. 1.
jquery 메서드 .attr() 속성를 설정하고 값을 읽어온다. alert($('a').attr('href', 'http://www.jquery.com').attr('href')); 한번에 여러개의 속성을 설정할 대 $('a').attr({'href':'http://www.jquery.com', 'title':'jquery.com'}; .removeAttr() 속성을 제거한다. $('a').removeAttr('href') .appendTo('body') 해당 요소를 지정된 요소 밑에 추가한다. .end() 바로 앞 메서드 이전의 상태로 되돌린다. .remove()요소를 삭제한다. $('.ddd').remove(); .replaceWith() 요소 교체하기 $('li.remove').replaceWith('ssssa');.. 2015. 9. 1.
동일 이름의 여러개의 태크 검색및 사용 var row = $("input:text[name=prodcd]").length; var first_flag = "Y"; obj0 = $("input:text[name=prod]"); obj1 = $("input:text[name=qty]"); obj2 = $("input:text[name=proddes]"); obj3 = $("input:text[name=plandate]"); obj4 = $("input:text[name=planno]"); obj5 = $("input:text[name=planprod]"); for (s=0 ; s 2015. 9. 1.
체크박스 전체 선택 or 비 선택 리스트의 체크박스 기능 중 전체 선택 및 취소 코드 function chk_change() { var count = $("#hidSelCnt").get(0).value - 1; if ($('#all_chk').get(0).checked) { for (i = 0; i 2015. 9. 1.
(function($) )(jquery) 전용뷰어 보기 http://linuxism.tistory.com/666 첫번째의 경우 $(document).ready(function(){ ... }); -> window.onload = function() {}과 같은 기능 두번째의 경우 $(function(){ .. }); 그냥 함수를 실행하라는 의미 입니다. 세번째의 경우 (function($){ })(jQuery); 이경우는 Jquery를 사용할 때, $ 달러의 의미를 jquery에서 사용하겠다는 의미가 내포되어 있습니다. 즉, $를 jquery만 사용하는 것이 아니라 다른 라이브러리에서도 사용할 수 있기 때문이에요. 만약 prototype.js 랑 jquery를 같이 사용하는 경우에는 $가 충돌이 발생하는 것입니다. 그래서 아예.. 함수로 $를 .. 2015. 7. 31.
반응형

티스토리툴바