jQuery의 replacementAll() 메소드 분석 예

제목만 보면 대체All()이 무슨 뜻인지 이해하지 못하는 친구들이 많을 겁니다. 오늘은 모든 대상 요소를 현재 일치하는 요소로 바꾸는 데 사용되는 함수인 jQuery )replaceAll() 메소드에 대해 자세히 소개하겠습니다. !

replaceAll() 함수는 모든 대상 요소를 현재 일치하는 요소로 바꾸는 데 사용됩니다.

이 함수는 jQuery 객체(인스턴스)에 속합니다.

Syntax

jQuery 1.2에 이 기능이 추가되었습니다.

jQueryObject.replaceAll( target )

Parameters

매개변수 대상이 문자열인 경우 jQuery 선택기로 처리됩니다.

반환 값

replaceAll()함수의 반환 값은 jQuery 유형이며 대체 내용을 나타내는 jQuery 객체를 반환합니다.

교체된 노드와 관련된 모든 데이터 및 이벤트 핸들러도 제거됩니다.

참고: 현재 jQuery 개체와 일치하는 요소가 페이지의 요소인 경우 해당 요소는 원래 위치에서 사라집니다. 이는 복사 작업이 아닌 이동 작업과 같습니다.

예제 및 설명

replaceAll() 함수는 모든 대상 요소를 현재 일치하는 요소로 바꾸는 데 사용됩니다.

<p>段落文本1<span></span></p>
<p>段落文本2<span></span></p>
<script type="text/javascript">
$(&#39;<em></em>&#39;).replaceAll( "p" );
// 其返回值就是匹配替换内容(两个&#39;<em></em>&#39;)的jQuery对象
</script>
<!--以下是jQuery代码执行后的html内容-->
<em></em>
<em></em>

replaceAll()과 replacementWith() 함수의 차이점에 유의하세요.

var $A = $("s1");
var $B = $("s2");
// 将$B替换成$A
$A.replaceAll( $B ); // 返回表示替换内容的jQuery对象( 匹配替换掉$B的所有$A元素 )
// 将$A替换成$B
$A.replaceWith( $B ); // 返回$A

다음 단락을 참조하세요. HTML 코드(원본 HTML 코드):

<p id="n1">
    <span id="n2">foo</span>    
</p>
<p id="n3">
    <label id="n4">[label#n4]</label>
    <span id="n5">bar</span>
</p>
<div id="n6"></div>

다음 jQuery 샘플 코드는 replacementAll() 함수의 구체적인 사용법을 보여주기 위해 사용됩니다.

// 用em元素替换掉所有的span元素
$(&#39;<em class="new">替代元素</em>&#39;).replaceAll( "span" );
// 用n4替换掉n6
// n4将从原位置上消失(替换到n6的位置)
$("#n4").replaceAll( $("#n6") );

코드 실행

다음은 jQuery 코드가 실행된 후의 html 콘텐츠입니다. (형식은 어떠한 방식으로도 조정되지 않았습니다) :

<p id="n1">    
<em class="new">替代元素</em>    
</p><p id="n3">        
<em class="new">替代元素</em>
</p>
<label id="n4">[label#n4]</label>

요약:

이 기사에 대한 자세한 연구를 통해 많은 친구들이 jQuery의 replacementAll() 메서드에 대해 어느 정도 이해하고 이해하고 있다고 믿습니다. . 작업에 도움이 되길 바랍니다!

관련 권장 사항:

jQuery.replaceAll() 자세한 함수 예제

replaceAll의 효과를 얻기 위해 JavaScript에서 정규 표현식과 결합된 교체를 사용

js 자세한 설명 교체 및 교체 인스턴스 사용량

js는 정규 표현식을 사용하여 교체 방법 교체 방법

위 내용은 jQuery의 replacementAll() 메소드 분석 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!