Eveningstar

.each() : 선택된 요소의 갯수만큼 반복해서 함수를 실행한다. https://jsfiddle.net/jywoo/b2a0pm3e/4/ https://jsfiddle.net/jywoo/Ldhctkmm/ .each( function(index, Element) ) .each()는 0을 인덱스 초기값으로 하여 콜백함수가 실행되며, return false를 이용하여 반복작업을 중단시킬수도 있 .filter()https://jsfiddle.net/jywoo/5oon4t8o/6/ 선택자가 선택한 요소에서 일부분을 재추출하여 새로운 jQuery객체를 생성 .find()https://jsfiddle.net/jywoo/pucnq93a/1/ .find()는 원하는 선택자를 찾아서 선택할 수 있도록 도와준다. 사용자가 ..

반응형 웹사이트를 만들면서, 기존의 디자인 체크박스를 웹접근성 심사에 통과시키기위해서 만들었던 방법을 처음과 완전히 다르게 고쳐야했다.ㅜㅜ 그래서 이 기회에 체크박스 디자인에 대해 정리해보려고한다. 디자인 체크박스를 만들기위해서는 브라우저별로 checkbox의 디자인이 다르기 때문에 똑같이 만들기위해서는 기본 checkbox에 디자인css를 다시 넣어주어야한다. 우선 브라우저별로 checkbox 디자인을 비교해보았다. 차례대로 포커싱 상태 , 체크된 상태, 기본상태이다. 크롬을 제외하고는 포커싱될때 점선으로 표시된다. checkbox와 포커싱 선의 간격을 조정하려면 padding값을 바꾸면 되는데, 보다시피 firefox가 기본적으로 padding이 있어서 나는 사용하지 않았다. 1) label로 che..

.length() https://jsfiddle.net/jywoo/hq7bvugw/1/ .eq(index)https://jsfiddle.net/jywoo/8uyper8e/ .get(index)$대상[index]https://jsfiddle.net/jywoo/00ggsbfs/

jQuery 속성 선택자 1) 선택자 사용법 선택자 형태 설명 요소[속성]속성값을 가지는 문서 객체를 선택합니다. 요소[속성=값] 속성과 값이 같은 문서 객체를 선택합니다. 요소[속성|=값] 속성 안의 값이 특정 값과 같은 문서 객체를 선택합니다. 요소[속성~=값] 속성 안의 값이 특정 값을 단어로 시작하는 문서 객체를 선택합니다. 요소[속성^=값] 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택합니다. 요소[속성$=값] 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택합니다. 요소[속성*=값] 속성 안의 값이 특정 값을 포함하는 문서 객체를 선택합니다. 2) 속성선택자 사용시 쌍따옴표(double quotes)와 홑따옴표(single quotes) 사용법 - 홑따옴표를 바깥쪽에 썼을때, 쌍따..