반응형

JQuery 2

[제이쿼리] jQuery 요소의 내부에 추가 (append, prepend, appendTo, prependTo)

기존 요소의 내부에 새로운 요소나 콘텐츠를 추가해주는 메소드 메소드 설명 .append() 선택한 요소의 마지막에 새로운 요소나 콘텐츠를 추가함. .prepend() 선택한 요소의 처음에 새로운 요소나 콘텐츠를 추가함. .appendTo() 선택한 요소를 해당 요소의 마지막에 삽입함. .prependTo() 선택한 요소를 해당 요소의 처음에 삽입함. .html() 해당 요소의 HTML 콘텐츠를 반환하거나 설정함. .text() 해당 요소의 텍스트 콘텐츠를 반환하거나 설정함. 1. .append() 메소드 선택한 요소의 '마지막'에 새로운 요소나 콘텐츠를 추가 .append() 메소드 햄버거 피자 김치찌개 아이템 추가 ▼result 2. .prepend() 메소드 선택한 요소의 '처음'에 새로운 요소나 콘..

[제이쿼리] jQuery CSS 선택자를 이용한 HTML 요소 선택

CSS 선택자를 이용한 HTML 요소 선택 적용 방법 - 선택한 요소에 지정한 스타일을 적용 $("CSS선택자").css("스타일 속성명", "값"); - 선택한 요소에 지정한 속성을 적용 $("CSS선택자").attr("속성명", "값"); 선택자 종류 종류 사용법 설명 전체선택자 $(" * ") 모든 요소를 선택 아이디 선택자 $("#아이디명") id 속성에 지정한 값을 가진 요소를 선택 클래스 선택자 $(".클래스명") class 속성에 지정한 값을 가진 요소를 선택 요소 선택자 $("요소명") 지정한 요소명과 일치하는 요소들만 선택 그룹 선택자 $("선택1, 선택2, 선택3...") 지정된 요소들을 한번에 선택 종속 선택자 $("요소.클래스명") $("요소#아이디명") 요소들중 클래스 or 아이디..

반응형