제목만 보면 대체All()이 무슨 뜻인지 이해하지 못하는 친구들이 많을 겁니다. 오늘은 모든 대상 요소를 현재 일치하는 요소로 바꾸는 데 사용되는 함수인 jQuery )replaceAll() 메소드에 대해 자세히 소개하겠습니다. !
replaceAll() 함수는 모든 대상 요소를 현재 일치하는 요소로 바꾸는 데 사용됩니다.
이 함수는 jQuery 객체(인스턴스)에 속합니다.
Syntax
jQuery 1.2에 이 기능이 추가되었습니다.
jQueryObject.replaceAll( target )
Parameters
Parameters | Description |
target | String/Element/jQuery/Array 유형 대상 요소를 대체할 대상 요소로, 이러한 요소는 현재 요소로 대체됩니다. 일치하는 요소가 손실됩니다. |
매개변수 대상이 문자열인 경우 jQuery 선택기로 처리됩니다.
반환 값
replaceAll()함수의 반환 값은 jQuery 유형이며 대체 내용을 나타내는 jQuery 객체를 반환합니다.
교체된 노드와 관련된 모든 데이터 및 이벤트 핸들러도 제거됩니다.
참고: 현재 jQuery 개체와 일치하는 요소가 페이지의 요소인 경우 해당 요소는 원래 위치에서 사라집니다. 이는 복사 작업이 아닌 이동 작업과 같습니다.
예제 및 설명
replaceAll() 함수는 모든 대상 요소를 현재 일치하는 요소로 바꾸는 데 사용됩니다.
<p>段落文本1<span></span></p> <p>段落文本2<span></span></p> <script type="text/javascript"> $('<em></em>').replaceAll( "p" ); // 其返回值就是匹配替换内容(两个'<em></em>')的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元素 $('<em class="new">替代元素</em>').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() 메서드에 대해 어느 정도 이해하고 이해하고 있다고 믿습니다. . 작업에 도움이 되길 바랍니다!
관련 권장 사항:
replaceAll의 효과를 얻기 위해 JavaScript에서 정규 표현식과 결합된 교체를 사용
을 구현합니다.위 내용은 jQuery의 replacementAll() 메소드 분석 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!