ホームページ > ウェブフロントエンド > jsチュートリアル > Jquery でページ ノード要素を動的に追加および削除するサンプル code_jquery

Jquery でページ ノード要素を動的に追加および削除するサンプル code_jquery

WBOY
リリース: 2016-05-16 16:44:22
オリジナル
1168 人が閲覧しました

通常は、ある条件を選択して追加し、複数の条件を積み上げて実行します。

早速、コードに進みましょう。

コードをコピーします コードは次のとおりです。



Jquery はページ ノードを動的に追加および削除します src= "http://code.jquery.com/jquery-1.8.3.min.js"> ;
.container{ width:1000px; margin:0 auto;}
.top{ height:25px; line-height:25px;} -height: 22px;}
.top input{ width:56px; height:22px;}
.add{ line-height:30px;}
li{ list-style:none;}
scan{cursor :pointer;}

<script> <br>$(function(){//) ページがロードされたら、<br>$("input") を実行します。 click(function() {//操作を追加<br>var getval=$("select").val();//現在選択されている選択値を取得します<br>$("p").before('< li>' getval ' <span> live("click",function(){//live() メソッドを通じてアタッチされたイベント ハンドラーは、セレクターに一致する現在および将来の要素 (スクリプトによって作成された新しい要素など) に適用されます。 >$(this).parent().remove();//現在クリックされている要素の親要素を削除します<br></script>






;

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