jquery 썸네일형 리스트형 자주사용하는 JQuery 속성(CSS), 추출 함수 # 자주사용하는 JQuery 속성(CSS), 추출 함수 $(" ").addClass() 지정한 요소에 class값을 추가 $(" ").hasClass() 지정한 요소에 class 유무를 확인 $(" ").removeClass() 지정한 요소에 class값을 제거 $(" ").attr() 지정한 요소의 속성값을 입력 or 변경 $(" ").removeAttr() 지정한 요소의 속성값을 제거 $(" ").css() 지정한 요소의 css값을 삽입 or 변경 , 지정한 요소의 속성값을 가져옴 $(" ").width() 선택한 요소의 현재의 계산된 넓이를 얻거나 넓이 값을 설정 $(" ").innerWidth() 선택한 요소의 패딩을 포함한 넓이를 반환 $(" ").outerWidth() 선택한 요소의 패딩, 보.. 더보기 자주사용하는 JQuery 확장 함수 # 자주사용하는 JQuery 확장 함수 $.noop() 비어있는 함수(function){} $.noConflict() 다른 자바크스립트 라이브러리와 함께 사용할 때 $의 충돌을 막기 위해 사용 $.sub() 새로운 제이쿼리 함수를 정의할때 , 네임스페이스의 충돌로 다른 개발자의 함수에 영향을 주지 않도록 캡슐화된 플러그인을 만들때 $.sub()로 복사하여 사용 더보기 자주사용하는 JQuery 변경/변환 함수 # 자주사용하는 JQuery 변경/변환 함수 $(" ").text() 해당 요소에 text요소를 삽입 또는 변경 $(" ").html() 해당 요소에 html요소를 삽입 또는 변경 $(" ").val() 해당 요소의 value값을 삽입 또는 변경 $(" ").replaceAll() 해당 요소들로 인자 요소를 대체 $(" ").replaceWith() 해당 요소들을 인자의 요소로 바꿈 $(" ").toArray() 선택한 요소 DOM 집합을 자바스크립트 배열로 만듬 $.merge() 두개의 배열을 첫번째 배열에 합침 $.trim() 문자열 앞뒤에 있는 공백 문자를 제거하고 결과 반환 $.unique() element 배열의 중복된 모든 element를 제거, string,number 배열에서는 동작 안함 .. 더보기 자주사용하는 JQuery 삭제 함수 # 자주사용하는 JQuery 삭제 함수 $(" ").detach() 지정한 요소를 포함 하위 요소 모두 제거 $(" ").empty() 지정한 요소의 하위 요소를 제거 $(" ").remove() 지정한 요소를 포함 하위 요소 모두 제거, + 관련된 이벤트 데이터 모두 제거 더보기 자주사용하는 JQuery 삽입 함수 # 자주사용하는 JQuery 삽입 함수 $(" ").after() 지정한 요소 뒤에 새로운 요소 삽입 $(" ").insertAfter() 지정한 요소 뒤에 새로운 요소를 삽입 $(" ").append() 지정한 요소 뒤에 내용 삽입 $(" ").appendTo() 지정한 요소 뒤에 내용 삽입 $(" ").before() 지정한 요소의 앞에 요소를 삽입 $(" ").insertBefore() 지정한 요소 앞에 요소를 삽입 $(" ").prepend() 지정한 요소 앞에 내용 삽입 $(" ").prependTo() 지정한 내용을 요소 앞에 삽입 $(" ").wrap() 선택한 요소 각각을 문자열 또는 객체로 감싼다. $(" ").unwrap() 선택한 요소 집합의 부모를 제거한다. $(" ").wrapAl.. 더보기 자주사용하는 JQuery 함수 제어 함수 # 자주 사용하는 JQuery 제어 함수 $(document).ready(function(){ }); 웹 페이지 문서가 준비되면 다음 내용을 실행함 $(" ").click(function(){ }); 클릭 시 다음 내용을 실행함 $(" ").hide("slow"); 해당 요소가 페이지에서 천천히 사라짐 $(" ").show("fast"); 해당 요소가 페이지에서 빠르게 나타남 $(" ").slideUp(); 해당 요소가 위로 슬라이드해서 사라짐 $(" ").add(" ") 요소를 추가 선택 $(" ").not(" ") 선택된 확장 집합에서 해당하는 요소를 제거 $(" ").children() 요소의 고유한 자식으로 구성된 확장 집합을 반환함 $(" ").contents() 선택한 요소의 고유한 자식으로 .. 더보기 이전 1 다음