jqueryでdiv要素を削除する方法-フロントエンドQ&A-php.cn

jqueryでdiv要素を削除する方法

PHPz

リリース： 2023-04-24 15:25:55

オリジナル

1696 人が閲覧しました

jQuery は、一般的に使用される JavaScript ライブラリであり、開発者に操作を簡素化するさまざまな方法を提供し、DOM 要素の操作を容易にします。そのような操作の 1 つは、div 要素を削除 (または削除) することです。ここではjQueryを使ってdiv要素を削除する方法を詳しく解説していきます。

まず、jQuery ライブラリが HTML ページに正しくインポートされていることを確認する必要があります。次のコードを head タグに追加できます:

<head>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

ログイン後にコピー

次に、次の div 要素を見つけます。ページ内で削除する必要があるので、一意の id 属性を設定します (例:

<div id="div-to-be-removed">
  <p>这里是需要移除的 div 元素。</p>
</div>

ログイン後にコピー

)。これで、div 要素を削除する jQuery コードを作成できます。次のコードをページに追加します。

$(document).ready(function () {
  $("#div-to-be-removed").remove();
});

ログイン後にコピー

コード内で、$(document).ready() は、ページが完全にロードされた後にコードが実行されることを意味します。$("#div-to-be-削除する") が選択されている削除する必要がある div 要素。.remove() は、選択した要素を削除するために使用される jQuery メソッドです。

完了後、ファイルを保存してページを更新すると、選択した div 要素が削除されていることがわかります。

.remove() の使用に加えて、jQuery には選択した要素を削除する他のメソッドがいくつかあります。たとえば、 .empty() メソッドは、選択した要素内のすべての子要素を削除しますが、要素自体は保持します。 .detach() メソッドもあります。これは、選択した要素を削除することもできますが、後続の操作のために要素自体は保持します。

つまり、jQuery を使用して div 要素を削除することは簡単に行うことができ、この操作を完了するのに必要なコードは数行だけです。プロジェクト内で DOM 要素を頻繁に操作する必要がある場合、jQuery を使用すると開発効率が大幅に向上します。

以上がjqueryでdiv要素を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。