전체 글 5

[jQuery] .attr() 속성 정리 (여러속성 한번에 추가, 한번에 id추가, 체크박스 표시여부)

체크박스 표시여부 가져오기 $(elem).attr("checked"); // checked를 리턴 (String) $(elem).prop("checked"); // true를 리턴 (Boolean) $(elem).is(":checked"); // true를 리턴 (Boolean) 요소에 여러 속성 한번에 추가하기 $("#testPhoto").attr({ alt : "set alt attrbute", title : "set title attrbute" }) ※ 속성 이름을 따옴표로 묶는것은 선택사항이다. $("#testPhoto").attr({ "alt" : "set alt attrbute", "title" : "set title attrbute" }) 연속된 요소에 한번에 id 추가하기 apple : b..

코딩/JavaScript 2021.09.27

[CSS] 웹폰트 적용하기

브라우저별 지원가능 포맷 @font-face { font-family: 'NanumMyeongjo'; src: url(../../font/NanumMyeongjo.eot); /* IE 호환성 보기 */ src: url(../../font/NanumMyeongjo.eot?#iefix) format('embedded-opentype'), /* IE 6 ~ 8 */ url(../../font/NanumMyeongjo.woff2) format('woff2'), /* IE Edge, WOFF2 지원 브라우저 */ url(../../font/NanumMyeongjo.woff) format('woff'), /* 모던 브라우저 (IE9+, Chrome, Safari, Opera..) */ url(../../font/N..

코딩/CSS 2017.08.16

[스크립트] 텍스트 말줄임 처리

작업예시)사용자가 로그인 하였을 경우 '로그인' 텍스트가 사용자명으로 변경되는데,사용자명의 4자 까지 노출되고 4자 이상일 경우 '...'으로 대체 되도록 작업 사용자 비로그인시 이름이세자일경우 이름이 네자일경우 이름이 다섯자일경우 '...' 표시 김아무개씨 .btn_myinfo{ position:absolute; top:10px; right:10px; display:block; max-width:58px; padding:3px 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; font-size:12px; color:#2196f3; border:1px solid #2196f3; border-radius:..

코딩/JavaScript 2017.08.01