jQuery HTML 작업 학습

1557 단어 htmljqueryasp
jQuery HTML 작업
jQuery에는 HTML을 변경하고 조작할 수 있는 강력한 함수가 많이 포함되어 있습니다.
HTML 내용 변경
구문

$(selector).html(content)html() 

함수는 일치하는 HTML 요소의 컨텐트(innerHTML)를 변경합니다.
인스턴스

$("p").html("W3School");

HTML 내용 추가
구문

$(selector).append(content)append() 

함수는 일치하는 HTML 요소 내부에 내용을 추가합니다.
구문

$(selector).prepend(content)prepend() 

함수는 일치하는 HTML 요소 내부에 미리 설정(Prepend) 컨텐트를 적용합니다.
인스턴스

$("p").append(" W3School");

구문

$(selector).after(content)after() 

함수는 일치하는 모든 요소 뒤에 HTML 내용을 삽입합니다.
구문

$(selector).before(content)before() 

함수는 일치하는 모든 요소 앞에 HTML 내용을 삽입합니다.
인스턴스

$("p").after(" W3School.");

jQuery HTML 작업 - 이 페이지에서
$(selector).html(content) 선택한 요소의 (내부) HTML 변경
$(selector).선택된 요소의 HTML에 append(content) 추가 내용
$(selector).선택한 요소의 (내부) HTML 프리페치(Prepend) 컨텐트에 prepend
$(selector).선택한 요소 뒤에 HTML 추가
$(selector).선택한 요소 앞에 HTML 추가하기
추가 HTML 작업 참조 안내서: jQuery 참조 안내서 - 문서 작업
http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp

좋은 웹페이지 즐겨찾기