Jquery를 통한 웹문서의 수정
- 1. Jquery를 통한 웹문서의 수정
- 2. 1. Text contents Text() 메서드 가져오기 $(selector).text( )
- 3. 1. Text contents Text() 메서드 수정하기 $(selector).text(“수정내용”)
- 4. 1. Text contents html () 메서드 Text()메서드 기능+ <html>태그 가져오기
- 6. 1. Text contents val () 메서드 -사용자가 입력한 값이나 선택한 값을 가져오는 메서드 $(selector).val( )
- 7. 2. attr()메서드 지정한 속성의 값을 가져오거나 수정 가능
- 8. 2. attr()메서드 태그의 속성값 가져오기 $(selector).attr(attribute)
- 9. 2. attr()메서드 태그의 속성값 수정하기 $(selector).attr(attribute,value)
- 10. 2. attr()메서드 태그의 속성값 수정하기 $(“p”).attr(class,italic-text)
- 12. 3. class() 메서드 • addClass()-추가 • removeClass()-제거 • toggleClass()-옵션 선택
- 13. 3. class() 메서드 • addClass() $(selector).addClass(classname)
- 14. 3. class() 메서드 • removeClass() $(selector).removeClass(classname) +addClass(classname)*추가도 함께 가능
- 15. 3. class() 메서드 • toggleClass() $(selector).toggleClass(classname)
- 16. 3. class() 메서드 실습 (예제ch11/Sources/toggle.html) -버튼을 활용한 두가지 화면 옵션
- 17. 4. css()메서드 • 웹요소의 css 속성값 수정 가능 • 클래스+ 문서스타일 가져오기 및 수정가능
- 18. 4. css()메서드 css의 속성값 가져오기 $(selector).css(property) eg) $(‘h1’).css(‘font-size’)
- 19. 4. css()메서드 css의 속성값 수정하기 $(selector).css(property, value) eg) $(‘#wrapper’).css(‘width’,500px’)