jQuery에 새로운 내용을 추가하는 네 가지 일반적인 방법 분석[append,prepend,after,before]
새 컨텐트를 추가하는 네 가지 jQuery 방법은 다음과 같습니다.
append() - 선택한 요소의 끝에 컨텐트 삽입prepend() - 선택한 요소의 시작 부분에 컨텐트를 삽입합니다.
//jQuery append() 。
$("p").append("Some appended text.");
//jQuery prepend() 。
$("p").prepend("Some prepended text.");
append()와 prepend() 방법을 통해 약간의 새로운 요소를 첨가하다
function appendText()
{
var txt1="Text.
"; // HTML
var txt2=$("").text("Text."); // jQuery
var txt3=document.createElement("p"); // DOM
txt3.innerHTML="Text.";
$("p").append(txt1,txt2,txt3); //
}
after() - 선택한 요소(바깥쪽) 뒤에 컨텐트 삽입before() - 선택한 요소(바깥쪽) 앞에 컨텐트 삽입
$("img").after("Some text after");
$("img").before("Some text before");
after()와 before() 방법을 통해 약간의 새로운 요소를 첨가하다
function afterText()
{
var txt1="I "; // HTML
var txt2=$("").text("love "); // jQuery
var txt3=document.createElement("big"); // DOM
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3); // img
}
더 많은 jQuery 관련 내용에 관심이 있는 독자들은 본 사이트의 주제:,,,,
본고에서 서술한 것이 여러분의 jQuery 프로그램 설계에 도움이 되었으면 합니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
