728x90 300x250 SMALL javaScript/jQuery153 함수단위 코딩의 탭메뉴 프로토타입 방식 클래스로 변경하기 - 비공개 보호되어 있는 글 입니다. 2023. 6. 17. css 여러 개 적용하기 (오브젝트 리터럴) css를 각각 적용한 형태 var $txt=$("#txt"); $txt.css("font-size","20px"); $txt.css("color","#ff0000"); 오브젝트 리터를을 사용해서 여러 개의 css를 한번에 적용한 형태 var $txt=$("#txt"); $txt.css({ "font-size":"20px", "color":"#ff0000" }) 2023. 6. 13. 리터럴과 기본값을 적용해서 사용자 정보값 저장하고 처리하기 var defaultValue ={ age:0, address:"서울시" } var userInfo ={ userName:"김뫄뫄", id:"mooyou" } showInfo(userInfo); function showInfo(userInfo){ userInfo = $.extend({}, defaultValue, userInfo); console.log(`name:${userInfo.userName}, address:${userInfo.address}`) } 실행결과 name:김뫄뫄, address:서울시 2023. 6. 11. $.extend() 함수 사용법 $.extend() 함수 객체를 병합하는데 사용하는 jQuery 라이브러리다. 주어진 여러 객체를 하나로 합치거나, 기존 객체에 새로운 프로퍼티를 추가하거나 업데이트 하는데 사용할 수 있다. $.extend(target, obj1, obj2, ...); target : 병합된 결과를 저장할 대상 객체 obj1, obj2 : 병합할 객체들 여러개의 객체를 전달 할 수 있다. 그러니까 obj1, obj2 ...프로퍼티들을 머지해서 target 에 저장되고 마지막에 tartget값이 반환된다. 만약 동일한 프로퍼티가 여러 객체에 중복 존재 한다면, 나중에 전달된 객체의 프로퍼티가 우선적으로 사용된다. var target = { name: "John" }; var obj1 = { age: 30 }; var ob.. 2023. 6. 9. 이전 1 ··· 4 5 6 7 8 9 10 ··· 39 다음 728x90 반응형 LIST