jQuery DOM操作削除ノードexample_jquery
May 16, 2016 pm 05:05 PM
DOM操作
jquery
ノードの削除
要素が文書内で冗長である場合は、削除する必要があります。 jQuery には、ノードを削除するための 2 つのメソッド、remove() メソッドと empty() メソッドが用意されています。
1.remove():
コードをコピーします コードは次のとおりです:
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<head> meta http- equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ここにタイトルを挿入</title>
<script src="jQuery/ jquery-1.10 .2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(" ul li: eq(1)").remove();
});
</script>
</head>
<body>
< ;p title ="どの果物が一番好きですか?">好きな果物は何ですか?
<ul>
<li title="リンゴ"> / li>
<li title="オレンジ">/li>
</ul> </body>
</html>
remove メソッドを使用してノードを削除すると、そのノードに含まれるすべての子孫ノードが削除されます。同時に削除します。このメソッドの戻り値は、削除されたノードへの参照です。
さらに、remove() メソッドはパラメータを渡すことで要素を選択的に削除することもできます。
コードをコピー
コードは次のとおりです: <script type="text/javascript "> $(document).ready(function(){
$("ul li").remove("li[title!=apple]"); });
</ script>
2. empty():
</ script>
2. empty():
厳密に言えば、空のメソッドはノードを削除します。のすべての子孫ノードをクリアできます。
コードをコピー
コードは次のとおりです: <script type="text/javascript "> $(document).ready(function(){
$("ul li:eq(1)").empty(); });
</script> ;
この時点のページのソース コードを表示します:
</script> ;
この時点のページのソース コードを表示します:
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
2週間前
By 尊渡假赌尊渡假赌尊渡假赌
レポ：チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前
By DDD
R.E.P.O.ファイルの保存場所：それはどこにあり、それを保護する方法は？
3週間前
By DDD
人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
2週間前
By 尊渡假赌尊渡假赌尊渡假赌
レポ：チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前
By DDD
R.E.P.O.ファイルの保存場所：それはどこにあり、それを保護する方法は？
3週間前
By DDD
ホットな記事タグ
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
Gmailメールのログイン入り口はどこですか？
7311
9
7311
9
Java チュートリアル
1624
14
1624
14
CakePHP チュートリアル
1346
46
1346
46
Laravel チュートリアル
1259
25
1259
25
PHP チュートリアル
1207
29
1207
29
jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?
Feb 28, 2024 pm 03:12 PM
jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?
jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する
Feb 28, 2024 pm 09:06 PM
jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する
jQuery を使用してすべての a タグのテキスト コンテンツを変更する
Feb 28, 2024 pm 05:42 PM
jQuery を使用してすべての a タグのテキスト コンテンツを変更する
jQuery 要素に特定の属性があるかどうかを確認するにはどうすればよいですか?
Feb 29, 2024 am 09:03 AM
jQuery 要素に特定の属性があるかどうかを確認するにはどうすればよいですか?
