0715_jQuery_method_create

 

html, javascript 파일을 만듭니다.

0715_jQuery_method_create.html

0715_jQuery_method_create.js

 

html

 

element 버튼과 리스트를 만들 거예요.

 

 

javascript

 

지금까지는 현재 HTML document에 이미 존재하고 있는 Element를 찾아서 제어하는 내용에 대해서 얘기했어요!

새로운 Element를 만들어서 붙이려면 어떻게 해야 하나요? h1 element를 만들어서 붙여보아요!

<h1> 소리 없는 아우성 </h1>을 적어볼 거예요.
 $('<h1></h1>').text('소리없는 아우성')으로 적으면 됩니다.
jQuery객체를 하나 만듭니다 
let h1 = $('<h1></h1>').text('소리없는 아우성')

내가 원하는 위치에 붙여야 해요.(4개의 method를 이용해서 붙일 수 있어요)


1. append() : 자식으로 제일 마지막에 붙어요!
2. prepend(): 자식으로 제일 앞에 붙여요!
3. after(): 형제로 바로 뒤에 붙여요
4. before(): 형제로 바로 앞에 붙여요

 

 

    let li = $('<li></li>').text('이순신')
    $('ul').append(li)
    $('ul').prepend(li)

두 개 쓰면 마지막으로 뒤에 쓴 코드로 최종 작동

 

 

 

 

대표사진 삭제

• 오른쪽 정렬오른쪽 정렬왼쪽 정렬왼쪽 정렬가운데 정렬가운데 정렬
•  
• 사진 편집
•  
• 작게작게문서 너비문서 너비옆트임옆트임
•  
• 삭제삭제

사진 설명을 입력하세요.