Jquery[제이쿼리] 앞부분 추가[prepend] 뒤부분 추가[append] 하기

안녕하세요~ 주니주니 입니다.

오늘은 제이쿼리[jquery]로 태그의 앞부분 추가[prepend] 뒤부분 추가[append]를 
해보도록 하겠습니다.

위화면처럼 셋팅해주세요~

실행을 하면 <h1>태그는 아무내용이 없기때문에 아무것도 안나올꺼에요.

이번에는  append()를 사용하여 'body'의 뒤부분에 내용을 넣어줄꺼에요.

짠~ 뒤부분에 내용이 추가된모습을 확인할수있답니다.

그럼 이번에는 앞부분에다가 내용을 추가해볼까요?

prepend()를 사용하여 앞부분에 추가해보겠습니다.

이렇게 앞부분에 추가된 모습을 확인할수있답니다.

이번에는 테이블[table]의 'td'의 대상으로 뒤부분에 내용을 추가 해볼꺼에요.
여기서 a라는 배열 변수에 2가지 값을 미리 넣어서 준비를 합니다.
왜 2가지 값을 준비할까요? 'td'가 2개이기때문이죠 하 하 하 하
그리고 function()을 사용하여 반복을 해보겠습니다.

'td'의 뒤부분에 추가하기떄문에 아이디 뒤에 kim이란 값이 
비밀번호 뒤에 1234라는 값이 들어간걸 확인할수있네요.

그럼 이번에는 테이블[table]의 대상으로 뒤부분에 추가를 해볼까요?
테이블의 행/열을 추가시켜 내용을 추가해보겠습니다.

짠 안보이던 'h1'태그가 내용이 추가되면서 보이게 되었답니다.!
오늘은 제이쿼리[jquery]로 앞부분 추가[prepend] 뒤부분 추가[append]를 해보았습니다.
그럼 다음에 또만나요~