javascript
-
[자바스크립트] javascript 공통함수(3) 브라우저 확인하기Front/javascript 2020. 4. 18. 07:07
javascript 공통함수(3) 브라우저 확인하기 안녕하세요? 장장스입니다. 오늘은 공통함수 정리 브라우저 정보 확인하는 함수 입니다. getBrowser() @param @return {String} @설 명: 브라우저 종류를 반환한다. getBrowser = function(){ var userAgent=navigator.userAgent.toLowerCase(); if ( userAgent.indexOf('edge')>-1){return 'edge'; } else if(userAgent.indexOf('whale')>-1){return 'whale';} else if(userAgent.indexOf('chrome')>-1){return 'chrome';} else if(userAgent.index..
-
[자바스크립트] javascript 공통함수(2) 정규식활용 - 문자열 체크하기Front/javascript 2020. 4. 16. 07:07
javascript 공통함수(2) 정규식활용 - 문자열 체크하기 안녕하세요? 장장스입니다. 정규식을 활용해서 문자열을 체크하는 함수를 정리해보겠습니다? :) 정규식이 무엇인지 모르신다면 Refference란을 참고해주세요. isNumber() @param str{String} @return {Boolean} @설 명: 오직 숫자만 가지고 있는지 확인한다. isNumber = function(str){ var regExp = /^[0-9]+$/; // 숫자만 return regExp.test(str); } 사용 예 isNumber("010123456789"); //true isNumber("가나다라ABCD1234"); //false hasNumber() @param str{String} @return {B..
-
[자바스크립트] javascript 공통함수(1)Front/javascript 2020. 4. 14. 07:07
javascript 공통함수(1) 안녕하세요? 장장스입니다. javascript 공통함수를 정리해보려고합니다. checkReturn() @param input{any}, inputType{String} @return {input} or {false} @설 명 :입력값의 타입을 확인하여 같으면 입력값을 반환한다. 다르면 false를 반환한다. checkReturn = function(input, inputType){ switch(inputType){ case "object": case "obj": case "o": if(typeof input== 'object') return input; else return false; case "string": case "str": case "s": if(typeof ..
-
[제이쿼리] jQuery Grid 제이쿼리 그리드 셀(cell) 안에 버튼 넣기Front/jquery 2020. 4. 11. 07:07
제이쿼리 그리드(jQuery Grid) 셀(cell) 안에 버튼 넣기 안녕하세요? 장장스입니다. 오늘은 제이쿼리 그리드 안에 버튼 넣는 방법에 대해서 정리해 보겠습니다. 결과 사진 위 사진처럼 제이쿼리 그리드 안에 버튼을 넣어보겠습니다. 수 있습니다. 상세코드 var dataArr = [ {NO:"01",Name:"김OO", content:"혈액검사, MRI촬영",btn:Btn()}, {NO:"02",Name:"이OO", content:"X-ray검사, 심폐기능검사",btn:Btn()}, {NO:"03",Name:"박OO", content:"코로나 검사",btn:"버튼"}, ]; var Btn = function(){ return '삭제'+ ''; } $(function(){ $("#jqGrid").jq..
-
[제이쿼리] jQuery 객체편집 메서드Front/jquery 2020. 4. 2. 04:38
제이쿼리(jQuery) 객체편집 메서드 객체 편집 메서드 포스팅입니다. 객체 편집 메서드는 선택한 요소를 복제하거나 새 요소를 생성하는 메서드와 복제하거나 새로 생성한 요소를 의도한 위치에 삽입하고 선택한 요소를 삭제하는 기능이 있습니다. 아래에서 자세히 살펴보겠습니다. before()/insertBefore()/after()/insertAfter() 메서드 종류 설명 $("요소 선택").before("새 요소"); $("요소 선택")insertBefore("요소 선택"); 선택한 요소의 이전 위치에 새 요소를 추가합니다. $("요소 선택").after("새 요소"); $("새 요소").before("요소 선택"); 선택한 요소의 다음 위치에 새 요소를 추가합니다. append()/appendTo()/p..
-
[제이쿼리] jQuery 수치조작 메서드Front/jquery 2020. 4. 1. 22:34
제이쿼리(jQuery) 수치조작 메서드 제이쿼리 객체조작 메서드중 하나인 수치조작 메서드입니다. 수치 조작 메서드 수치 조작 메서드는 요소의 속성을 조작할 때 사용하는 메서드입니다. HTML을 조금 공부해보신 분이라면 다음과 같은 BOX 모델사진을 본 적이 많을 것으로 생각됩니다. 제이쿼리 수치 조작 메서드는 BOX 모델의 수치를 조작하는 것이라고 생각하면 쉽게 이해가 됩니다. 요소의 높이 / 너비 메서드 height와 width() 메서드는 여백 및 선 두께를 제외한 순수 요소의 높잇값과 너빗값을 계산합니다. innerHeight() 와 innerWidth() 메서드는 여백을 포함한 너빗값을 계산하고, outerHeight()와 outerWidth() 메서드는 여백 및 선을 포함한 요소의 높잇값과 너빗..
-
[제이쿼리] jQuery 속성조작 메서드Front/jquery 2020. 4. 1. 09:28
제이쿼리(jQuery) 속성 조작 메서드 안녕하세요? 장장스입니다. 제이쿼리 객체조작 메서드를 포스팅하려고 합니다. 객체 조작 메서드는 객체를 생성하거나 조작, 복제할 수 있습니다. 이번 포스팅은 그 중 하나인 속성 조작 메서드를 포스팅하겠습니다. 속성조작 메서드 속성 조작 메서드는 말그대로 속성 조작 메서드는 요소의 속성을 바꿀 때 사용합니다. 수치를 바꿀 땐 수치 조작 메서드, 객체를 생성하거나 삭제 또는 복제할 때 사용하는 객체 조작 메서드가 있습니다. html( ) /text( ) 메서드 종류 설명 $("요소 선택").html(); 선택한 요소의 하위 요소를 가져와 문자열로 반환합니다. $("요소 선택").html("새 요소"); 선택한 요소의 하위 요소를 전부 제거하고 지정한 새 요소를 생성합니..
-
[제이쿼리] jQuery 배열(array) 메서드Front/jquery 2020. 3. 31. 09:34
제이쿼리 배열 메서드 jQuery Array 안녕하세요? 장장스입니다. 제이쿼리 배열 메스드입니다. ○each()/ $.each 메서드 each()/ $.each 메서드는 배열에 저장된 요소를 하나씩 순서대로 선택하면서 인덱스와 값을 가져옵니다. ▼javascript $(function(){ var fruit = [ {"fruit":"사과"}, {"fruit":"포도"}, {"fruit":"딸기"} ]; $(fruit).each(function(index, obj){ console.log(index + ":", obj); }); console.log("==== The End 1 ===="); $.each($("#menu02 li"), function(index, obj){ console.log(index..
-
[제이쿼리] jQuery 콘텐츠 탐색 선택자(selector)Front/jquery 2020. 3. 29. 06:14
제이쿼리(jQuery) 콘텐츠 탐색 선택자(selector) 안녕하세요? 장장스입니다. 콘텐츠 탐색 선택자에 대한 포스팅입니다. 콘텐츠 탐색 선택자(1) 종류 설명 $("요소 선택:contains(텍스트)") 지정한 텍스트를 포함하는 요소만 선택한다. $("요소 선택").contents() 선택한 요소의 하위 요소 중 1 깊이의 텍스트와 태그 노드를 선택한다. $("요소 선택:has(요소명)") $("요소 선택").has("요소명") 선택한 요소 중 지정한 태그를 포함하는 요소만 선택한다. $("요소 선택:not(요소명)") $("요소 선택").not(제외할 요소 선택) 선택한 요소 중 지정한 요소만 제외한 채 선택한다. $("요소 선택").탐색 선택자().end() 필터링되기 이전의 선택자가 적용 되도..
-
[제이쿼리] jQuery 속성 탐색 선택자(selector)Front/jquery 2020. 3. 27. 17:09
제이쿼리(jQuery) 위치 탐색 선택자(selector) 안녕하세요? 장장스입니다. 탐색 선택자 중 위치 탐색 선택자에 대한 포스팅입니다. 속성 탐색 선택자는 선택한 요소에 속성이 일치하는지 혹은 속성에 내가 원하는 값이 포함되어있는지를 알아 볼수 있는 선택자입니다. 속성 탐색 선택자() 종류 설명 $(["요소 선택[속성]") 선택한 요소 중 지정한 속성이 포함된 요소만 선택합니다. $("요소 선택[속성^=값]") 선택한 요소 중 속성값이 명시한 값으로 시작하는 요소만 선택합니다. $("요소 선택[속성$=값]") 선택한 요소 중 속성값이 명시한 값으로 끝나는 요소만 선택합니다. $("요소 선택[속성*=값]") 선택한 요소 중 속성값이 명시한 값을 포함하는 요소만 선택합니다. $(":type 속성 값")..