본문 바로가기

The Focus

 (556)
jQueryMobile, mobileinit 이벤트로 $.mobile 초기화 Ajax 로 페이지 생성 및 전환이 이루어지다 보니,이들이 상호작용 하는 순간에 데이타가 어떻게 변형되는지 알아보기 위해 관련 이벤트를 알아두자. $(document).live('mobileinit',function(){ // jquery.js 와 jquerymobile.js 사이에 정의하기 때문에 live() 함수로 mobileinit 이벤트를 정의 $.extend($.mobile,{ // $.mobile 개체를 $.extend 로 확장하여 재정의 ajaxEnabled:true, allowCrossDomainPages:false, autoInitializePage:true, defaultDialogTransition:'pop', defaultPageTransition:'fade', // 개인적으로는 s..
font-family font-family:돋움,Dotum,굴림,Gulim,sans-serif쉼표로 구분하여 표기한 순으로 웹브라우저가 폰트를 사용. - Apple Gothic 의 경우 iOS 에서 글자 폭에서 빈 여백이 많아서 다른 스마트기기와 차이가 나게 되므로 사용에 자제를..- iOS 에서는 돋움,Dotum 을 인식하지 못하는 모냥..- 명조 계열의 폰트는 세로선이 가로선에 비해서 얇기 때문에 웹에서는 시인성이 많이 떨어지므로 사용에 자제를..- 굴림 폰트는 일본인이 만들었다고.. ㅠ.ㅜ - Hack 핵을 사용하는 방법은.. 그냥 쓰지 마세요. 안 되면 안 되는 대로..머지않아 없어질 브라우저를 고민하지는 맙시다.. 물론, 레이아웃에 상당한 영향을 준다면야 어쩔 수 없이 핵을 사용하겠지만..http://sjpison...
append() 와 appendTo() $(ElemA).append(ElemB) 는 ElemB 를 ElemA 에 추가,$(ElemA).appendTo(ElemB) 는 ElemB 에 ElemA 를 추가. 그러면 이전에 넣을 때는..? before()http://findfun.tistory.com/239
[모음글] toggle time 은 miliseconds 즉 1/1000 초로 1초를 표현할 때는 1000 을 기입. time 이라는 파라미터 없이 사용하면 Default 가 적용. show(time) 와 hide(time), 그리고 toggle(time).slideDown(time), slideUp(time), slideToggle(time).fadeIn(time), fadeOut(time), fadeToggle(time). 아래 참고 사항도 보세요..toggleClass() 참조 후반부toggle 함수 재정의
this 와 $(this), 디스 DOM Object jQuery 에서 ..this 는 단일 개체(Object), 단일 요소(Element).$(this)는 DOM 구조에서의 복수 구성원(Element). 단일 Element 라도 배열 형태로 담김. - $(this) 가 하나의 DOM Element 라고 가정한다면,this 는 $(this).get(0) 또는 $(this)[0] 와 동일$(this).get(n) == $(this)[n]cf. $('...').toArray() - 역으로 생각해 보면. 단수를 복수 개념으로 끌어 들이기 위해 해당 요소를 $() 로 둘러 싸면 됩니다. $(this) 를 단수로 잡았다가 다시 jquery 함수를 먹이기 위해 $() 로 둘러싸는 거죠. $(this) == $($(this).get(0)) == $($(this)[0])..
[모음글] attr 속성 $('...').attr('attrA') 속성값 조회$('...').attr('attrA','valA') 속성값 설정$('...').attr({'attrA':'valA', 'attrB':'valB', ..., 'attrZ':'valZ'}) 여러 속성값 설정속성 삭제시, removePop() 사용 스타일 속성값은 attr 대신에 css 로 상기와 같이 조회/설정 할 수 있고,스타일은 클래스 단위로 작업하는 것이 더 간단할 수 있으며..hasClass(), addClass(), removeClass() cf. prop() 과 removeProp() 은 checked, selected, disabled 등과 같이 boolean 으로 세팅되는 항목에 대하여 사용http://hyeondatasource.blogs..
CSS 와 jQuery, table 태그 등을 사용하여 목록 만들기 레이아웃이 아니라, 그리드 형태로 목록을 만들어야 하는 경우 table 태그를 사용하면 편합니다.아래 소개하는 목록은.. 목록의 맨 왼쪽과 맨 오른쪽 세로선이 없어요.가독성을 위해 짝수행에 배경색을 주고, 마우스 커서가 올려진 행에 배경색이 다르게 했어요.각 셀은 중앙정렬을 기본으로 하고 (아직 까지 모든 웹브라우저는 td 의 vertical-align 이 middle), 좌정렬과 우정렬은 클래스를 활용.셀에 입력된 글자가 많아질때 말줄임 표시를 할 수 있도록 세팅 .css 파일@charset "UTF-8" /* 혹시 문자셋 관계로 External CSS 를 사용하지 못한다면 사용 */table.tableList { table-layout:fixed; border-top:2px #EA0000 solid;..
console.log 와 alert 차이..? alert() 는 말 그대로 사용자에게 무언가 메시지를 알려주어 주의를 환기하는 것이고,console.log() 사용자에게 메시징 하는 것이 아니라, 개발자에게 메시징 하는 것.IE 8.x 이상에서 지원되고, IE 이외의 웹브라우저는 최신버전에서 지원된다.log() 뿐만 아니라 info(), warn(), error() 등의 함수도 가능.Object 안에 들어 있는 항목들도 세세하게 알려주는 웹브라우저와 가르쳐주지 않는 웹브라우저가 따로 있어요. http://deadfire.hihome.com/jscript/projscript003.html

티스토리툴바