before

English[bɪˈfɔ:(r)] US[bɪˈfɔr,-ˈfor]

prep.Before; 先行する、より優れている; 前にいるとき...; の代わりに...

conj.before...;前...;...より前;with...

adv.before、前;前に、前に

jquery before() メソッド 構文

関数: before() メソッドは、選択された要素の前に指定されたコンテンツを挿入します。

構文: $(selector).before(content)

パラメータ:

パラメータ説明
コンテンツ必須。挿入するコンテンツを指定します (HTML タグを含めることができます)。

関数を使用してコンテンツを挿入する: 関数を使用して、指定した要素の前にコンテンツを挿入します。

構文: $(selector).before(function(index))

パラメータ:

パラメータ説明
関数(インデックス) 必須。挿入するコンテンツを返す関数を指定します。
インデックス オプション。セレクターのインデックス位置を受け取ります。

jquery before() メソッド 例

<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(){
  $(".btn1").click(function(){
    $("p").before("<p>Hello world!</p>");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">在每个段落前面插入新的段落</button>
</body>
</html>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します