ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jqueryのappend()メソッドの使用例

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

WBOY
リリース: 2016-05-16 16:21:25
オリジナル
1379 人が閲覧しました

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

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

文法構造:

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

パラメータリスト:

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

例:

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



<メタ文字セット = " utf-8" >
append() 関数 - スクリプト ホーム


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



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






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

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

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