>  기사  >  웹 프론트엔드  >  비어 있음, 제거 및 분리의 차이점에 대한 jQuery 해석

비어 있음, 제거 및 분리의 차이점에 대한 jQuery 해석

巴扎黑
巴扎黑원래의
2017-06-25 09:53:231396검색

比 对 비교표를 통해 여러 메소드 간의 다양한 방법을 설명합니다.

그리고 데이터도 제거되었는지 여부

요소 자체가 제거되었는지 여부예아니요 제거 선택기 remove(". remove(“#id”); 매개변수는 제거 코드는 다음과 같습니다.

empty

없음

expression

, 예:

class

");

remove("tag"):

입니다(매개변수 없음). 있다 매개변수의 범위를 기반으로 해야 합니다.

detach

과 동일합니다. 다음은 요소를 제거하지 않고 분리에 중점을 둡니다. 바인딩된 이벤트와 데이터의 기능을 예로 들어 보겠습니다.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="jquery-1.11.0.js" ></script>
		<script type="text/javascript">
			$(function() {
				var $p2=$("#p2");
				$p2.data("value", 1);
				$("#detach").on("click", function() {
					$p2.detach();
				});

				$("#back").on("click", function() {
					$("#p1").append($p2);
					console.log($("#p2").data("value"));
				});
			});
		</script>
	</head>
	<body>
		<p id="p1">
			<p id="p2">
				p2
			</p>
			<p id="p3">
				p3
			</p>
		</p>
		<input value="detach" id="detach" type="button" />
		<input value="back" id="back" type="button" />
	</body>
</html>

직접 실행한 결과는 다음과 같습니다.

ach 및 실행 결과는 다음과 같습니다.

뒤로를 클릭하면 실행 결과는 아래와 같습니다.


변경하면 제거하려면 뒤로를 클릭한 후 콘솔에는 정의되지 않음이 표시됩니다.

위 내용은 비어 있음, 제거 및 분리의 차이점에 대한 jQuery 해석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.