liguofeng29’s blog

個人勉強用ブログだっす。

jQuery - DOMのコンテンツ操作

jQuery

DOMのコンテンツには主にinnetHTML、テキスト、value属性など。

jQueryオブジェクトのメソッド

  • innetText

    • html()
    • html(val)

  • テキスト

    • text()
    • text(val)

  • formの要素

    • val()
    • val(val)
    • val(Array) - 複数選択select,checkboxなど
<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title> jQueryのコンテンツ操作 </title>
</head>
<body>
<div></div>
<div></div>
<input id="book" name="book" type="text" /><br />
<select id="gender">
    <option value="male">男性</option>
    <option value="female">女性</option>
</select><br />
<select id="publish" multiple="multiple">
    <option value="java">java</option>
    <option value="c">c</option>
</select><br />
<script type="text/javascript" src="jquery-1.12.0.min.js">
</script>
<script type="text/javascript">
// html()
$("body>div").html("innetHTML追加");
// val()
$(":input").val("inputにvalue設定");
// val(arr)
$("select").val(["male" , "java" , "c"]);

</script>
</body>
</html>

f:id:liguofeng29:20160227100403p:plain