jQuery (3) 썸네일형 리스트형 [jQuery] DOM의 조작1 : Get, Set 1. Get Content - text(), html(), val() : DOM 조작을 위한 간편하고 효율적인 메서드 : text() - 선택된 요소의 텍스트를 설정하거나 반환, 텍스트 문자열만 가져온다. 예)티스토리 글쓰기 : html() - 선택된 요소의 내용을 설정하거나 반환, html 태그까지 가져온다. 예)티스토리 글쓰기 : val() - form 필드의 값을 설정하거나 반환, form 태그에 value에 지정한 값을 가져온다. 2. Get Attribute - attr() : 속성 값을 가져오는데 사용. 3. Set Content - text(), html(), val() : $("#String").text("문자열") - 선택된 요소의 텍스트를 설정한다. 예) 안녕하세요. : $("#jQeu.. [jQuery] Offset 1. .offset() : 선택된 요소의 문서에 대한 상대적인 오프셋 좌표를 반환함 : 오프셋을 반환하는 데 사용되는 경우 - 첫번째 일치하는 요소의 오프셋 좌표(top, left의 속성값)를 반환. : 오프셋을 설정하는데 사용되는 경우 - 모든 일치하는 요소의 오프셋 좌표를 설정 : 문법 1) offset 좌표 리턴 - $(selector).offset() 2) offset 좌표 설정 - $(selector).offset({top: value, left: value}) 3) Function을 사용하여 offset 좌표를 설정할 때 - $(selector).offset(function(index, currentoffset)) : 예) $("button").click(function(){ // offset.. [jQuery] CSS 1. .addClass() : 선택된 element에 하나 이상의 클래스 이름을 추가한다. 기존의 클래스 속성을 제거하지 않음. 하나 이상의 클래스 이름을 추가한다. 공백으로 클래스 이름을 구분한다ㅏ. : 문법 - $(selector).addClass(classname, function(index, oldclass)) : 예) $("button").click(function() { $("p:first").addClass("intro"); } 2. .css() : 선택된 elements의 스타일 속성을 설정하거나 반환함. : 속성을 반환할 때 사용한 경우 - 첫번 째 일치하는 요소의 지정된 css 속성 값을 반환. "background"와 "border" 같은 속성은 완벽하게 지원하지 않는 다른 브라우저에.. 이전 1 다음