ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery_jqueryのappendTo()メソッドの使用例

jQuery_jqueryのappendTo()メソッドの使用例

WBOY
WBOYオリジナル
2016-05-16 16:21:391094ブラウズ

この記事の例では、jQuery での appendTo() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、一致する要素を指定された要素の末尾に挿入します。挿入位置は要素内です。
appendTo() メソッドは、append() メソッドと同じ機能を持ちますが、形式は同じですが、構文が異なります。

文法構造:

コードをコピー コードは次のとおりです:
$(selector).appendTo(content)

パラメータリスト:
参数 描述
selector 要被插入的匹配元素。
content 要被插入匹配元素的元素。

コード例:

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



<頭>


appendTo() 関数 - スクリプト ホーム


<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
$("p").appendTo("div");
})
})



私は p


のコンテンツです
私は div




上記のコードでは、ボタンをクリックするとp要素をdiv要素内の最後尾に移動することができます。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。