Interprétation jQuery de la différence entre vider, supprimer et détacher-js tutoriel-php.cn

Interprétation jQuery de la différence entre vider, supprimer et détacher

巴扎黑

Libérer： 2017-06-25 09:53:23

original

1409 Les gens l'ont consulté

Utilisez un tableau comparatif pour expliquer les différences entre plusieurs méthodes

Ce qui suit se concentrera sur la fonctionnalité de détacher qui ne supprime pas les événements et les données liés à l'élément. Le code est le suivant : Les résultats d'exécution directs sont les suivants : Cliquez sur Détacher et les résultats d'exécution sont les suivants suit : Cliquez à nouveau pour exécuter le résultat comme indiqué ci-dessous : Si vous modifiez détacher pour supprimer, puis après avoir cliqué de retour, la console affichera undefined.

方法名	参数	被移除的元素所绑定的事件及数据是否也被移除	元素自身是否被移除
empty	无	是	否
remove	选择器表达式，比如 remove(“.class”); remove(“#id”); remove(“tag”):	是	是（无参数时），有参数时要根据参数所涉及的范围。
detach	参数同remove	否	情况同remove

Nom de la méthode

Paramètres

Événement et si les données sont également supprimées

Si l'élément lui-même est supprimé

<!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>

Copier après la connexion

vide

Aucun

Oui

Non