jQueryのclone()関数の使用例を詳しく解説-jsチュートリアル-php.cn

jQueryのclone()関数の使用例を詳しく解説

巴扎黑

リリース： 2017-06-25 10:01:35

オリジナル

1385 人が閲覧しました

この記事では、主に jQuery の clone() メソッドの使用法を紹介し、clone() メソッドの機能と定義、および一致する DOM 要素の複製の使用スキルを例とともに説明します。

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

このメソッドは、一致する DOM 要素を複製し、これらの複製されたコピーとそのすべてのイベントハンドラーを選択します。

文法構造:

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

$(selector).clone(Events, deepEvents)

パラメータリスト:

説明関数をコピーするかどうかを指定するために使用されるブール値。デフォルトは false です。 True - 要素のすべてのイベントハンドラーをコピーします。コード例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
p{
  width:200px;
  height:200px;
  border:1px solid blue;
}
p{
  width:200px;
  height:200px;
  border:1px solid green;
}
</style>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">  
$(
document
).ready(function(){ 
  $("button").click(function(){ 
    $("p").clone().insertBefore("p"); 
  }) 
}) 
</script>
</head>
<body>
<p>我是p</p>
<p>我会被克隆</p>
<button>点击查看效果</button>
</body>
</html>

ログイン後にコピー

イベント	オプション。イベント処理
False - 要素のイベント処理をコピーしません。	deepEvents オプション。イベントハンドラーのデータとクローン要素のすべての子要素をコピーするかどうかを指定するブール値。
	コードは次のとおりです: