ホームページ > ウェブフロントエンド > jsチュートリアル > empty、remove、detach の違いの jQuery 解釈

empty、remove、detach の違いの jQuery 解釈

巴扎黑
リリース: 2017-06-25 09:53:23
オリジナル
1435 人が閲覧しました

比較表を通して、いくつかのメソッド間の異なるメソッドを説明します

要素自体も削除されているかどうか式classコードは次のとおりです: 実行結果は次のとおりです。

empty

なし

はい

いいえ

削除

セレクター
(

remove(" など)。
");

remove("#id");
remove("tag"):

です。いるパラメータの場合は、パラメータのスコープに基づく必要があります。

detach

パラメータはremoveと同じです

以下では、要素を削除せずにデタッチすることに重点を置いています バインドされたイベントとデータの機能を例として取り上げます。

<!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>
ログイン後にコピー

直接の実行結果は次のとおりです:

クリックして戻ると、実行結果は以下のようになります:


削除するには、戻るをクリックしてから、コンソールには「未定義」と表示されます。

以上がempty、remove、detach の違いの jQuery 解釈の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート