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

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

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

文法構造:

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

$(selector).append(content)

パラメータリスト:

参数	描述
content	指定被插入的内容，content的可能的值: 1.HTML 代码 - 比如 (" ")。 2.已存在的元素 - 比如 ($(".div1"))。 3.function(index)函数 - 定义返回插入元素的函数，index参数接收选择器的索引位置。
selector	要被插入内容的匹配元素

例:

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

<メタ文字セット = " utf-8" >



<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
$("div").append("追加されたコンテンツ");
})
});

コンテンツを次の後に追加します:

クリックして効果を確認してください

上記のコードは、指定されたテキストを div の内側の部分の末尾に追加できます。

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