append
UK [əˈpend] US [əˈpɛnd]
vt.追加、追加、貼り付け、署名 (名前)
jquery append()方法構文
関数: append() メソッドは、指定されたコンテンツを選択された要素の末尾 (まだ内部) に挿入します。 append() メソッドと appendTo() メソッドは同じタスクを実行します。違いは、コンテンツとセレクターの位置です。
構文: $(selector).append(content)
##パラメータ:
パラメータ | 説明 |
コンテンツ | 必須。挿入するコンテンツを指定します (HTML タグを含めることができます)。関数を使用してコンテンツを追加します。 |
構文: $(selector).append(function(index,html))
パラメータ:
パラメータ | 説明 |
function(index,html) | 必須。挿入するコンテンツを返す関数を指定します。 |
インデックス | オプション。セレクターのインデックス位置を受け取ります。 |
html | オプション。セレクターの現在の HTML を受け取ります。 |
jquery append()方法例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").append(" <b>Hello world!</b>");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します