jquery WrapAll() 메서드


  번역 결과:

wrap

English[ræp] US[ræp]

vt. Wrap; 랩(또는 랩, 커버 등)... , 재킷, 포장지; vi. 감기, 감기(보통 over, around 등과 함께 사용됨); 감싸기, 감싸기(옷 등)

all

영어 [ ɔ:l] 美[ɔl] adj. 모든 것, 모든 종류, 최대한 많이

pron.모든 것, 모든 것, 모든 상황

adv.완전히;모든 것;매우

n.완전히; -]전체;[종종 my, your, his, her 등과 함께 사용됨] (누군가가) 가지고 있는 모든 것

jquery WrapAll() 메서드통사론

함수: wrapAll()은 선택한 모든 요소를 ​​지정된 HTML 콘텐츠 또는 요소에 배치합니다.

구문: ​​$(selector).wrapAll(wrapper)

매개변수:

ParametersDescription
wrapper 필수입니다. 선택한 요소를 래핑하는 콘텐츠를 지정합니다. 가능한 값: HTML 코드 - 예: ("<div></div>") 새 DOM 요소 - 예: (document.createElement("div")) 기존 요소 - 예: ($(".div1" )) 이동되지는 않지만 선택한 요소 주위에만 복사 및 래핑됩니다.

jquery WrapAll() 메서드예

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").wrapAll("<div></div>");
  });
});
</script>
<style type="text/css">
div{background-color:yellow;}
</style>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">用一个 div 包裹所有段落</button>
</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A