wrap
英[r?p] 美[r?p]
vt. 包む; 包む; ...で包む (または包帯、カバーなど) ; カバー
n. 膝掛け、ショール、スカーフ、スカーフ、ヘッドスカーフ、ブラウス、ジャケット、コート; 包裝紙; <俗語> 機密事項
vi. 巻く、巻き取る (通常は組み合わせて使用??される)上、周りなど) ; 包む、包み込む; (服など) を著ます
jqueryのwrap()メソッド 構(gòu)文
関數(shù): wrap() メソッドは、選択された各要素を指定された HTML コンテンツまたは要素に配置します。
構(gòu)文: $(selector).wrap(wrapper)
パラメータ:
| パラメータ | 説明 |
| ラッパー | 必須。選択した要素をラップするコンテンツを指定します。可能な値: HTML コード - 例: (" gt; ") 新しい要素 - 例: (document.createElement("div")) 既存の要素 - 例: ($(".div1")) 既存の要素は移動することはできません。選択した要素をコピーしてラップするだけです。 |
関數(shù)を使用して要素をラップする: 関數(shù)を使用して、選択した各要素の周囲にラップするコンテンツを指定します。
# 構(gòu)文: $(selector).wrap(function())
パラメータ:
| パラメータ | 説明 |
| function() | 必須。ラップされた要素を返す関數(shù)を指定します。 |
jqueryのwrap()メソッド 例
<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").wrap("<div></div>");
});
});
</script>
<style type="text/css">
div{background-color:yellow;}
</style>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">用 div 包裹每個段落</button>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します