jQuery 새로운 내용 을 추가 하 는 네 가지 상용 방법 분석[append,prepend,after,before]

본 고 는 jQuery 가 새로운 내용 을 추가 하 는 네 가지 상용 방법 을 실례 로 서술 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
새로운 내용 을 추가 하 는 네 가지 jQuery 방법 은 다음 과 같 습 니 다.append()-선 택 된 요소(안에)의 끝 에 내용 삽입prepend()-선 택 된 요소(안에)의 시작 부분 에 내용 삽입

//jQuery append()               。
$("p").append("Some appended text.");


//jQuery prepend()               。
$("p").prepend("Some prepended text.");

append()prepend()방법 으로 약간의 새로운 요 소 를 첨가 하 다.

function appendText()
{
var txt1="<p>Text.</p>";        //   HTML      
var txt2=$("<p></p>").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="<b>I </b>";          //   HTML      
var txt2=$("<i></i>").text("love ");   //    jQuery      
var txt3=document.createElement("big"); //    DOM      
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3);     //   img        
}

jQuery 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.,,,,jQuery 페이지 요소 조작 기법 집합,jQuery 흔 한 이벤트 용법 및 기교 총화,jQuery 상용 플러그 인 및 용법 총화jQuery 확장 기술 총화
본 고 에서 말 한 것 이 여러분 의 jQuery 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기