html( )

js의 innerHTML

$("h2").eq(0).html("<b>h2 태그입니다</b>");
$("h2:eq(0)").html("<b>h2 태그여</b>");
$("h2:first").html("<b>h2 태그라구</b>");
$("h2").first().html("<b>h2 태그라니까</b>");

text( )

js의 innerText( )

$("h2:eq(1)").text("<b>h2 두번째 태그여</b>");

$("h2:last").html("<b>h2 세번째 태그임</b>").css("color", "red");

html 과 text 의 차이

append( )

기존 값 뒤에 추가

$("h2:eq(0)").append("<img src='../쇼핑몰사진/1.jpg'>");

//3번째 html 태그 뒤에 이미지를 넣고 너비 높이를 모두 100px로
$("h2:eq(2)").append("<img src='../Food/1.jpg'>");
$("h2:eq(2) img").css({
   width: "100px",
   height: "100px",
});

이벤트 주기

• 예제 1
• 예제 2
• 예제 3
• 예제 4
• 예제 5

addClass(”클래스명”) / removeClass(”클래스명”)