Jquery-attr-html-val
提供:Dev Guides
jQuery-html(val)メソッド
説明
- html(val)*メソッドは、一致したすべての要素のhtmlコンテンツを設定します。 このプロパティはXMLドキュメントでは使用できませんが、XHTMLドキュメントでは機能します。
構文
このメソッドを使用するための簡単な構文は次のとおりです-
selectorl( val )
パラメーター
これは、この方法で使用されるすべてのパラメータの説明です-
- val -任意の文字列
例
次の例では、最初の段落のHTMLコンテンツを取得し、2番目の段落に表示します。 * html()*メソッドの説明も確認してください。
<html>
<head>
<title>The Selecter Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script type = "text/javascript" language = "javascript">
$(document).ready(function() {
var content = $("p")l();
$("#pid2")l( content );
});
</script>
<style>
.red { color:red; }
.green { color:green; }
</style>
</head>
<body>
<p class = "green" id = "pid1">This is first paragraph.</p>
<p class = "red" id = "pid2">This is second paragraph.</p>
</body>
</html>
これにより、次の結果が生成されます–