Jquery 교체 방법의 사용은 무엇입니까-프런트엔드 Q&A-php.cn

Jquery 교체 방법의 사용은 무엇입니까

青灯夜游

풀어 주다： 2022-04-22 12:00:35

원래의

1615명이 탐색했습니다.

jquery replacementAll() 메소드는 선택한 요소를 새 HTML 요소로 바꾸는 데 사용됩니다. 구문은 "$(content).replaceAll(selector)"입니다. 매개변수 "selector"는 선택한 요소를 지정하고 "content"는 요소를 지정합니다. HTML 태그가 포함된 내용을 바꿉니다.

Jquery 교체 방법의 사용은 무엇입니까

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.2, Dell G3 컴퓨터.

jquery replacement() 메소드

replaceAll() 메소드는 선택한 요소를 새로운 HTML 요소로 대체합니다. 구문 형식:

$(content).replaceAll(selector)

로그인 후 복사

Parameters	Description
content	필수입니다. 삽입할 콘텐츠를 지정합니다(HTML 태그를 포함해야 함).
selector	필수입니다. 대체될 요소를 지정합니다.

은 $(A).replaceAll(B)로 단순화할 수 있습니다. 이는 B 요소를 A 요소로 바꾸는 것을 의미합니다. $(A).replaceAll(B)，表示用 A元素来替换 B元素。

示例1：将strong元素替换为a元素

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					 $(&#39;<a href="https://www.php.cn/" target="_blank">PHP中文网</a>&#39;).replaceAll("strong");
				})
			})
		</script>
	</head>
	<body>
		<strong>jQuery教程</strong><br/>
		<br><button>隐藏textarea</button>
	</body>
</html>

로그인 후 복사

Jquery 교체 방법의 사용은 무엇입니까

示例2：把最后一个 p元素替换为 span 元素

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("<span><b>Hello world!</b></span>").replaceAll("p:last");
				})
			})
		</script>
	</head>
	<body>
		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<br><br><button>隐藏textarea</button>
	</body>
</html>

로그인 후 복사

Jquery 교체 방법의 사용은 무엇입니까

说明：

:last

예 1: 강한 요소를 요소로 바꾸기

rrreee .gif" alt="Jquery 교체 방법의 사용은 무엇입니까"/>예 2: 마지막 p 요소를 범위 요소로 바꾸기

🎜rrreee🎜

🎜🎜설명: 🎜🎜:last선택기는 마지막 요소를 선택합니다. 이 선택은 단일 요소를 선택하는 데만 사용됩니다. 가장 일반적인 사용법: 지정된 조합에서 마지막 요소를 선택하기 위해 다른 선택기와 함께 사용됩니다(예: 위에). 🎜🎜【추천 학습: 🎜jQuery 동영상 튜토리얼🎜, 🎜웹 프론트엔드 동영상🎜】🎜

위 내용은 Jquery 교체 방법의 사용은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!